/* 外层背景：极浅灰，增加呼吸感 */
        .cpxq_zb_box {
            padding: 32px 24px 60px 24px;
            /* background-color: var(--color-gray-50); */
        }
        /* ========== 产品推荐模块 ========== */
        .cpxq_zb_box {
            /* padding: 40px 24px 60px 24px; */
            /* background-color: var(--color-gray-50); */
        }
        /* 产品容器扩展 */
        .cpxq_zb_box {
            /* padding: 0px 24px 60px 24px; */
            /* background-color: var(--color-gray-50); */
        }

        .cpxq_zb_box_con {
            max-width: 1600px;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }


/* ========== 以下为产品详情 图文盒子 开始 ========== */
/* ========== 以下为产品详情 图文盒子 开始 ========== */
/* ========== 以下为产品详情 图文盒子 开始 ========== */


        /* ----- 标题+返回区域：电脑端左右排布，移动端隐藏返回链接 ----- */
        .cpxq_zb_box_con_h1 {
        margin: 2.5rem 0rem;       /* 与分类卡片区拉开距离 */
        }
        .cpxq_zb_box_con_h3 {
        margin-bottom: 2.5rem;       /* 与分类卡片区拉开距离 */
        }

        .cpxq_zb_box_con_h2 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1rem;
        }
        .cpxq_zb_box_con_h2 h1.tyys_h_ico_title_2 {
            margin-bottom: 0;
            padding: 1.5rem 0rem 1.5rem 2rem;
        }
        .cpxq_zb_box_con_h2 a {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 1rem;
            font-weight: 500;
            background: var(--color-white);
            padding: 0.5rem 1.2rem;
            border-radius: var(--radius-md);
            border: 1px solid var(--border-light);
            transition: all var(--transition-fast);
            color: var(--color-gray-700);
            position: relative;
            padding-left: 1.2rem;
        }
        .cpxq_zb_box_con_h2 a::before {
            display: none;
        }
        .cpxq_zb_box_con_h2 a:hover {
            border-color: var(--color-primary);
            color: var(--color-primary);
            background: rgba(4,84,220,0.04);
            transition: background 0.2s ease, border 0.2s ease;
        }
        @media (max-width: 768px) {
            .cpxq_zb_box_con_h2 a {
                display: none;
            }
            .cpxq_zb_box_con_h2 {
                justify-content: flex-start;
            }
        }

        /* 产品图文展示区（左右两栏各50%）*/
        .cpxq_zb_box_con_tw {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            margin-top: 1rem;
        }
        .cpxq_zb_box_con_tw_le,
        .cpxq_zb_box_con_tw_ri {
            flex: 1;
            width: calc(50% - 1rem);
            min-width: 280px;
        }

        /* ========= 左侧 图片展示区 ========= */
        .cpxq_tw_le_imgbox {
            background: var(--color-white);
            border-radius: var(--radius-lg);
            /* box-shadow: var(--shadow-md); */
            overflow: hidden;
            position: relative;
            /* padding: 1rem; */
        }
        .cpxq_tw_le_imgbox_bigimg {
            position: relative;
            width: 100%;
            overflow: hidden;
            border-radius: var(--radius-md);
            background: var(--color-gray-100);
            margin-bottom: 1rem;
            border-radius: 12px;
            /* 增加平滑滚动效果 (CSS3 滚动行为) */
            scroll-behavior: smooth;
        }
        /* 大图列表使用 flex 水平排列，滚动切换 */
        .cpxq_tw_le_imgbox_bigimg {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: none; /* 隐藏滚动条但保留功能 */
            -ms-overflow-style: none;
        }
        .cpxq_tw_le_imgbox_bigimg::-webkit-scrollbar {
            display: none;
        }
        .cpxq_tw_le_imgbox_bigimg_list {
            flex: 0 0 100%;
            width: 100%;
            scroll-snap-align: start;
        }

        .cpxq_tw_le_imgbox_bigimg_list img {
            width: 100%;
            aspect-ratio: 4 / 3;
            object-fit: cover;
            display: block;
            background: #eef2f6;
        }

        .cpxq_tw_le_imgbox_bigimg_list_else img {
            object-fit: contain!important;
            padding: 4rem;
        }

        /* 左右切换按钮 */
        .cpxq_tw_le_imgbox_button {
            position: absolute;
            top: 40%;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-between;
            padding: 0 12px;
            z-index: 5;
            pointer-events: none;
        }
        .cpxq_tw_le_imgbox_button_pre,
        .cpxq_tw_le_imgbox_button_next {
            pointer-events: auto;
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s ease;
            box-shadow: var(--shadow-sm);
            backdrop-filter: blur(4px);
            font-size: 20px;
            color: var(--color-gray-700);
        }
        .cpxq_tw_le_imgbox_button_pre:hover,
        .cpxq_tw_le_imgbox_button_next:hover {
            background: var(--color-primary);
            color: white;
            transform: scale(1.05);
        }

        /* 小图列表区域 */
        .cpxq_tw_le_imgbox_smallimg {
            display: flex;
            gap: 12px;
            overflow-x: auto;
            padding-bottom: 8px;
            scrollbar-width: thin;
        }
        .cpxq_tw_le_imgbox_smallimg .cpxq_tw_le_imgbox_bigimg_list {
            flex: 0 0 80px;
            width: 80px;
            cursor: pointer;
            border-radius: var(--radius-md);
            overflow: hidden;
            border: 2px solid transparent;
            transition: all 0.2s;
        }
        .cpxq_tw_le_imgbox_smallimg .cpxq_tw_le_imgbox_bigimg_list img {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
        }
        /* 小图激活高亮样式 (由js动态添加) */
        .cpxq_tw_le_imgbox_smallimg .active-thumb {
            border-color: var(--color-primary);
            /* transform: translateY(-2px); */
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        /* ========= 右侧 产品简介区域 ========= */
        .cpxq_tw_le_wzbox {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            background: var(--color-white);
            /* padding: 1.8rem; */
            padding-left: 1.8rem;
            border-radius: var(--radius-lg);
            /* box-shadow: var(--shadow-md); */
            height: 100%;
        }

        .cpxq_tw_le_wzbox_con1 {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 1rem;
        }
        .cpxq_tw_le_wzbox_con1_left {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }
        .cpxq_tw_le_wzbox_con1_h {
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--color-gray-900);
            letter-spacing: -0.02em;
        }
        .cpxq_tw_le_wzbox_con1_p {
            font-size: 0.9rem;
            color: var(--color-primary);
            background: rgba(4,84,220,0.1);
            display: inline-block;
            padding: 0.2rem 0.8rem;
            border-radius: 30px;
            width: fit-content;
        }
        .cpxq_tw_le_wzbox_con1_hot {
            background: linear-gradient(135deg, #ff6b4a, #ff3b2f);
            padding: 0.3rem 0.9rem;
            border-radius: 40px;
            color: white;
            font-size: 0.75rem;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            box-shadow: var(--shadow-sm);
        }

        .cpxq_tw_le_wzbox_con1_hot i{
            font-weight: 200;
        }

        .cpxq_tw_le_wzbox_con2_ul {
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem;
            margin: 0;
            padding: 0;
            justify-content: space-around;
        }
        .cpxq_tw_le_wzbox_con2_ul_li {
            flex: 0 0 calc(50% - 0.8rem);
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.95rem;
            color: var(--color-gray-700);
            background: var(--color-gray-50);
            padding: 0.5rem 0.8rem;
            border-radius: var(--radius-md);
            transition: all 0.2s;
        }
        .cpxq_tw_le_wzbox_con2_ul_li i {
            /* color: var(--color-primary); */
            color: #ccc;
            font-weight: bold;
        }

        .cpxq_tw_le_wzbox_con3_ul {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            background: var(--color-gray-50);
            padding: 1rem 1.2rem;
            border-radius: var(--radius-md);
        }
        .cpxq_tw_le_wzbox_con3_ul_li {
            font-size: 0.95rem;
            color: var(--color-gray-800);
            border-left: 3px solid var(--color-primary);
            padding-left: 0.75rem;
            font-weight: 500;
            line-height: 1rem;
            margin: 0.2rem 0px;
        }

        .cpxq_tw_le_wzbox_con4_box {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-top: 0.5rem;
        }
        .cpxq_tw_le_wzbox_con4_box_but {
            flex: 1 1 auto;
            background: var(--color-primary);
            color: white;
            border: none;
            padding: 0.8rem 1.2rem;
            /*font-weight: 600;*/
            border-radius: 10px;
            transition: all 0.2s ease;
            gap: 8px;
            box-shadow: var(--shadow-sm);
            font-size: 1.25rem;
            text-align: center;
        }

        .cpxq_tw_le_wzbox_con4_box_but i{
            font-weight: 300;
            font-size: 1.25rem;
        }

        .cpxq_tw_le_wzbox_con4_box_but:first-child {
            background: var(--color-primary);
        }
        .cpxq_tw_le_wzbox_con4_box_but:last-child {
            background: #fff;
            border: 1px solid var(--color-gray-200);
            color: var(--color-primary);
        }
        .cpxq_tw_le_wzbox_con4_box_but:hover {
            transform: translateY(-2px);
            filter: brightness(1.05);
            color: #fff;
        }

        .cpxq_tw_le_wzbox_con4_box_but_lxwm:hover{
            color: var(--color-primary);
            background: var(--color-gray-200);
        }

        /* 响应式 */
        @media (max-width: 1024px) {
            .cpxq_zb_box_con_tw {
                gap: 1.5rem;
            }
            .cpxq_tw_le_wzbox {
                padding: 1.5rem 0rem;
            }
            .cpxq_tw_le_imgbox_bigimg_list_else img{
                padding: 2rem;
            }
        }
        @media (max-width: 768px) {
            .cpxq_zb_box {
                padding: 0 16px 40px 16px;
            }
            .cpxq_zb_box_con_tw {
                flex-direction: column;
            }
            .cpxq_zb_box_con_tw_le,
            .cpxq_zb_box_con_tw_ri {
                width: 100%;
                flex: auto;
            }
            .cpxq_tw_le_wzbox_con2_ul_li {
                flex: 0 0 calc(50% - 0.8rem);
            }
            .cpxq_tw_le_wzbox_con1_h {
                font-size: 1.5rem;
            }
            .tyys_h_ico_title_2 {
                font-size: 1.8rem;
                padding: 1rem 0rem 1rem 1.5rem;
            }
        }
        @media (max-width: 480px) {
            /* .cpxq_tw_le_wzbox_con2_ul_li {
                flex: 0 0 100%;
            }
            .cpxq_tw_le_wzbox_con4_box {
                flex-direction: column;
            } */
        }
        /* 占位图标样式 */
        .iconfont:empty::before {
            content: "●";
            opacity: 0.6;
        }
        .cpxq_tw_le_imgbox_button_pre .iconfont:empty::before {
            content: "←";
        }
        .cpxq_tw_le_imgbox_button_next .iconfont:empty::before {
            content: "→";
        }
        .cpxq_tw_le_wzbox_con1_hot .iconfont:empty::before {
            content: "🔥";
        }
        .cpxq_tw_le_wzbox_con2_ul_li .iconfont:empty::before {
            content: "✓";
        }
        .cpxq_tw_le_wzbox_con4_box_but .iconfont:empty::before {
            content: "💬";
        }
        .cpxq_tw_le_wzbox_con4_box_but:last-child .iconfont:empty::before {
            content: "📞";
        }
/* ========== 以下为产品详情 图文盒子 结束 ========== */
/* ========== 以下为产品详情 图文盒子 结束 ========== */
/* ========== 以下为产品详情 图文盒子 结束 ========== */

/* ========== 以下为产品详情 产品推荐 开始 ========== */
/* ========== 以下为产品详情 产品推荐 开始 ========== */
/* ========== 以下为产品详情 产品推荐 开始 ========== */


        .cpxq_zb_box_con_tj_box {
            position: relative;
            margin-top: 20px;
        }

        /* 滚动容器 —— 电脑端也使用 overflow-x: auto，但隐藏滚动条 */
        .cpxq_zb_box_con_tj_box_img {
            width: 100%;
            overflow-x: auto;          /* 核心：允许横向滚动 */
            overflow-y: visible;
            /* 隐藏滚动条（所有浏览器） */
            scrollbar-width: none;      /* Firefox */
            -ms-overflow-style: none;   /* IE/Edge */
            /* 启用平滑滚动（CSS3） */
            scroll-behavior: smooth;
            /* 增加吸附效果（可选） */
            scroll-snap-type: x mandatory;
        }
        .cpxq_zb_box_con_tj_box_img::-webkit-scrollbar {
            display: none;             /* Chrome/Safari 隐藏滚动条 */
        }

        .cpxq_zb_box_con_tj_box_img_ul {
            display: flex;
            flex-wrap: nowrap;
            gap: 24px;
            padding: 8px 4px;
            margin: 0;
            /* 不需要额外设置 overflow，由父容器控制滚动 */
        }

        /* 卡片样式 */
        .cpxq_zb_box_con_tj_box_img_ul_li {
            flex: 0 0 auto;
            width: 260px;
            background-color: var(--color-white);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-sm);
            transition: box-shadow var(--transition-normal), transform var(--transition-fast);
            border: 1px solid var(--border-light);
            overflow: hidden;
            scroll-snap-align: start;   /* 吸附对齐，提升滑动体验 */           
        }
        .cpxq_zb_box_con_tj_box_img_ul_li:hover {
            box-shadow: var(--shadow-md);
            transform: translateY(-4px);
            border-color: var(--color-gray-300);
        }

        .cpxq_zb_box_con_tj_box_img_ul_li_a{
            
        }

        .tj-card-img {
            width: 100%;
            aspect-ratio: 4 / 3;
            background-color: #eef2f6;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .tj-card-img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
            transition: transform 0.3s ease;
            padding: 1rem;
        }
        .cpxq_zb_box_con_tj_box_img_ul_li:hover .tj-card-img img {
            transform: scale(1.03);
        }

        .tj-card-info {
            padding: 16px 14px 18px;
        }
        .tj-card-title {
            font-weight: 600;
            font-size: 1.1rem;
            color: var(--color-gray-900);
            margin-bottom: 6px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .tj-card-desc {
            font-size: 0.85rem;
            color: var(--color-gray-500);
            margin-bottom: 12px;
            line-height: 1.4;
        }

        .tj-card-tag {
            display: inline-block;
            background-color: rgba(4, 84, 220, 0.08);
            color: var(--color-primary);
            font-size: 0.75rem;
            padding: 4px 10px;
            border-radius: 30px;
            font-weight: 500;
        }

        /* 左右按钮 —— 电脑端专用 */
        .cpxq_zb_box_con_tj_box_but {
            display: flex;           /* 默认显示，移动端隐藏 */
            pointer-events: none;
        }
        .cpxq_zb_box_con_tj_box_but_pre,
        .cpxq_zb_box_con_tj_box_but_next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 48px;
            height: 48px;
            background: var(--color-white);
            border-radius: 50%;
            box-shadow: var(--shadow-md);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            pointer-events: auto;
            z-index: 10;
            border: 1px solid var(--border-light);
            color: var(--color-gray-700);
            transition: all var(--transition-fast);
        }
        .cpxq_zb_box_con_tj_box_but_pre {
            left: -16px;    /* 调整位置，避免遮挡内容 */
        }
        .cpxq_zb_box_con_tj_box_but_next {
            right: -16px;
        }
        .cpxq_zb_box_con_tj_box_but_pre:hover,
        .cpxq_zb_box_con_tj_box_but_next:hover {
            background-color: var(--color-primary);
            color: white;
            border-color: var(--color-primary);
            box-shadow: var(--shadow-lg);
        }

        /* 响应式：平板 (max-width: 1024px) 按钮隐藏，滑动可见 */
        @media (max-width: 1024px) {
            .cpxq_zb_box {
                padding: 32px 16px 48px;
            }
            .cpxq_zb_box_con_tj_box_img_ul_li {
                width: 230px;
            }
            .cpxq_zb_box_con_tj_box_but {
                display: none !important;
            }
            .cpxq_zb_box_con_tj_box_img_ul {
                gap: 18px;
            }
        }

        /* 响应式：手机 */
        @media (max-width: 768px) {
            .cpxq_zb_box {
                padding: 24px 12px 40px;
            }
            .tyys_h_ico_title_1 {
                font-size: 1.6rem;
                padding-left: 1rem;
            }
            .cpxq_zb_box_con_tj_box_img_ul_li {
                width: 200px;
            }
            .cpxq_zb_box_con_tj_box_img_ul {
                gap: 14px;
            }
            .tj-card-info {
                padding: 12px 10px 14px;
            }
            .tj-card-title {
                font-size: 1rem;
            }
        }

        /* 电脑端（≥1025px）确保按钮正常显示 */
        @media (min-width: 1025px) {
            .cpxq_zb_box_con_tj_box_img {
                /* 滚动条已隐藏，但可滚动 */
            }
        }
/* ========== 以下为产品详情 产品推荐 结束 ========== */
/* ========== 以下为产品详情 产品推荐 结束 ========== */
/* ========== 以下为产品详情 产品推荐 结束 ========== */

/* ========== 以下为产品详情 图文详情AI美化 开始 ========== */
/* ========== 以下为产品详情 图文详情AI美化 开始 ========== */
/* ========== 以下为产品详情 图文详情AI美化 开始 ========== */

.cpxq_zb_box_con_xq_box{
    font-size: 16px;
    max-width: 1200px;
    margin: 0 auto;
}

.cpxq_zb_box_con_xq_box h1{
    font-size: 1.5rem;
}
.cpxq_zb_box_con_xq_box h2{
    font-size: 1.25rem;
}

/* ========== 产品详情页定制美化样式 (基于初始化，只写新增) ========== */
/* ==========================================================================
           世界级媒体高级排版审美 —— 富文本输出内容（RTE）专项优化防爆盘
           设计哲学：兼顾极致的简约社论感，同时强制修正富文本编辑器输出的各种“脏代码”
           ========================================================================== */

        /* ========== 1. 【专项优化1】表格（Table）鲁棒性极致优化 ========== */
        /* 盲区防御：富文本生成的表格 90% 没有 thead，全是 td。此处做无差别高级兜底 */
        .cpxq_zb_box_con_xq_box table {
            width: 100% !important;                /* 强制撑满富文本容器，防止编辑在后台定死固定宽度导致手机端爆框 */
            border-collapse: collapse !important;
            margin: 2.5rem 0 !important;
            font-size: 0.925rem;
            border-top: 2px solid #111827 !important;   /* 顶部的社论重力压条线 */
            border-bottom: 2px solid #111827 !important;/* 底部的结语线 */
            border-left: none !important;          /* 严禁外边框纵向竖线 */
            border-right: none !important;
        }

        /* 统一处理所有单元格（无论后台输出的是 th 还是 td，全部格式化） */
        .cpxq_zb_box_con_xq_box table th,
        .cpxq_zb_box_con_xq_box table td {
            padding: 1rem 1.2rem !important;       /* 增大内边距，提供大厂数据表特有的呼吸感 */
            text-align: left;
            border-bottom: 1px solid #e5e7eb !important; /* 极细的水平分割线 */
            border-right: none !important;         /* 强制干掉所有纵向竖线，这是现代高级排版的灵魂 */
            color: #292929;
            line-height: 1.5 !important;
        }

        /* 盲区防御补救：如果富文本编辑器没有生成 th，我们强制将第一行 tr 模拟成高级表头 */
        .cpxq_zb_box_con_xq_box table tr:first-child td,
        .cpxq_zb_box_con_xq_box table th {
            background-color: #f9fafb !important;  /* 极浅灰底色 */
            font-weight: 600 !important;
            color: #111827 !important;
            border-bottom: 1px solid #111827 !important; /* 表头下方加深一档的分割线 */
        }


        /* ========== 2. 【专项优化2】列表（ul / ol / li）优雅排版 ========== */
        /* 问题现象：富文本中的无序列表默认圆点非常粗俗、大，且和文字贴得太近 */
        
        /* --- 无序列表（ul）样式 --- */
        .cpxq_zb_box_con_xq_box ul {
            list-style: none !important;           /* 去除浏览器自带的粗俗大圆点 */
            padding-left: 1.5rem !important;       /* 留出优雅的左侧递进缩进量 */
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .cpxq_zb_box_con_xq_box ul li {
            /* position: relative; */
/*            padding-left: 1.2rem !important;       /~ 给自定义符号留出空间 ~/*/
            margin-bottom: 0.5rem !important;      /* 列表项之间的小呼吸感 */
            color: #292929;
            line-height: 2.5;
        }

        /* 利用伪元素制作大厂最爱的“极简微型方块”或“高雅短横线”作为列表符号 */
        .cpxq_zb_box_con_xq_box ul li::before {
            content: "" !important;
            position: absolute;
            left: 0;
            top: 0.65rem;                          /* 精准定位在文本第一行的正中间 */
            width: 4px;                            /* 4px * 4px 极其精致的小方块 */
            height: 4px;
            background-color: #9ca3af;             /* 采用内敛的中灰色，绝不喧宾夺主 */
            border-radius: 1px;
        }

        /* --- 有序列表（ol）样式 --- */
        /* 盲区防御：富文本的数字列表极易在两位数（如10.）时被容器边缘裁剪断尾 */
        .cpxq_zb_box_con_xq_box ol {
            list-style-type: decimal !important;   /* 保留原生数字 */
            padding-left: 2.2rem !important;       /* 略微加大的缩进，确保10以上的两位数数字绝对不爆框 */
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }

        .cpxq_zb_box_con_xq_box ol li {
            padding-left: 0.4rem !important;
            margin-bottom: 0.5rem !important;
            color: #292929;
        }


        /* ========== 3. 【AI自动补全】你没注意到、但一定会遇到的富文本 5 大盲区 ========== */

        /* 盲区一：段落多余间距塌陷与首尾留白处理 */
        /* 编辑在后台回车会产生大量 p 标签，需要确保段落之间有完美的社论级间距 */
        .cpxq_zb_box_con_xq_box p {
            margin-top: 0 !important;
            margin-bottom: 1.5rem !important;      /* 锁死每一个段落下面的呼吸距离 */
            color: #292929;
            word-break: break-word;                /* 强制长单词/型号自动换行，防止撑破页面布局 */
            line-height: 2;
        }
        /* 消除最后一个段落的底边距，防止页面底部留白异常过大 */
        .cpxq_zb_box_con_xq_box p:last-child {
            margin-bottom: 0 !important;
        }

        /* 盲区二：富文本图片包裹在段落里的排版爆框 */
        /* 现象：很多富文本编辑器会自动把 <img> 塞进 <p> 标签里，导致图片排版变形或出现古怪的缩进 */
        .cpxq_zb_box_con_xq_box p img {
            display: block !important;
            margin: 2rem auto !important;          /* 强制图片脱离文字流、独立成行且居中 */
            max-width: 100% !important;            /* 确保图片绝对不会超过文章的总宽度 */
            height: auto !important;
        }

        /* 盲区三：高阶社论引用块（blockquote）的优雅艺术 */
        /* 场景：编辑在写技术文、新闻时，常会用到“引用”功能来强调某段核心结论 */
        .cpxq_zb_box_con_xq_box blockquote {
            margin: 2.5rem 0 !important;
            padding: 0.5rem 0 0.5rem 2rem !important; /* 彻底拿掉原有的灰色底色，靠左侧的艺术线条和留白拉开层级 */
            border-left: 3px solid #111827 !important;/* 极其洗练的深黑色左侧引线 */
            background: transparent !important;    /* 拒绝低端沉闷的灰色背景块 */
        }
        .cpxq_zb_box_con_xq_box blockquote p {
            font-style: italic !important;         /* 英文自动斜体，中文会略微产生知性的字面变化 */
            color: var(--color-gray-600) !important; /* 引用文字颜色略微变浅 */
            font-size: 1.1rem !important;          /* 字号轻微放大，产生“金句看点”的效果 */
            margin-bottom: 0 !important;
        }

        /* 盲区四：行内代码与型号突显（code） */
        /* 场景：富文本输出技术文章时，编辑偶尔会给“产品型号”（如DG-100）加壳。如果直接用原基础样式会显得极其沉闷 */
        .cpxq_zb_box_con_xq_box code {
            font-family: var(--font-mono);
            font-size: 0.875em !important;
            background-color: #f3f4f6 !important;  /* 极其轻量精致的现代浅灰底色 */
            color: #ec4899 !important;             /* 国际大厂（如 Vercel/Stripe）通用的高档行内暗粉色，起到极其亮眼的极客视觉标注作用 */
            padding: 0.2rem 0.4rem !important;
            border-radius: 3px !important;
            border: 1px solid #e5e7eb !important;  /* 微边框包裹 */
            vertical-align: middle;
        }

        /* 盲区五：防爆终极安全锁 —— 强制清理 Word 乱入的内联样式 */
        /* 致命痛点：编辑直接从 Word/WPS 复制过来的文本，会自带类似 style="color: red; font-size: 48px;" 的内联样式，瞬间彻底毁灭网页的视觉系统 */
        /* 以下这条高阶规则，强行重置富文本内部由复制带来的不规范文字大小与行高 */
        .cpxq_zb_box_con_xq_box span {
            font-size: inherit !important;         /* 强制所有通过编辑器乱入的 span 标签继承全局标准字号，不允许任意放大缩小 */
            line-height: inherit !important;       /* 强制继承全局标准行高，杜绝段落上下重叠灾难 */
        }


        /* ========== 针对富文本自带 inline-style 边框的特效药 ========== */

        /* 统一格式化所有富文本输出的单元格 */
        .cpxq_zb_box_con_xq_box table th,
        .cpxq_zb_box_con_xq_box table td {
            /* 1. 核心：用 shorthand（简写）强行把内联样式自带的 3px 四面粗边框全部抹平、清空 */
            border: none !important; 
            
            /* 2. 重塑：只在底部重新画上一条大厂级的 1px 极细淡灰线，其余方向（左右顶）保持绝对干净 */
            border-bottom: 1px solid var(--color-gray-100, #f3f4f6) !important; 
            
            /* 3. 呼吸：微调内边距，让文字和这根细线条产生高级媒体的知性质感 */
            padding: 0.85rem 1.2rem !important;       
            text-align: left;
            color: #292929;
            line-height: 1.5 !important;
        }

        /* 独立锁死首行/表头下方的分界线（1px 浓郁炭黑线，压住视觉重心） */
        .cpxq_zb_box_con_xq_box table tr:first-child td,
        .cpxq_zb_box_con_xq_box table th {
            background-color: #f9fafb !important;
            font-weight: 600 !important;
            color: #111827 !important;
            border-bottom: 1px solid var(--color-gray-900, #111827) !important; 
        }

        /* ========== 【精准补救】富文本表格：恢复高雅细竖线 ========== */

                .cpxq_zb_box_con_xq_box table th,
                .cpxq_zb_box_con_xq_box table td {
                    /* 1. 擦除：依然第一步用高权重擦除富文本自带的 3px 粗边框 */
                    border: none !important; 
                    
                    /* 2. 横线：重新画上 1px 底部极细淡灰线 */
                    border-bottom: 1px solid var(--color-gray-100, #f3f4f6) !important; 
                    
                    /* 3. 补救竖线：只在【右侧】画一根 1px 极细淡灰线。
                    只写单侧 border-right 可以绝妙地避开“左边框+右边框”重叠导致线条变厚变脏的通病！ */
                    border-right: 1px solid var(--color-gray-100, #f3f4f6) !important; 
                    
                    padding: 0.85rem 1.2rem !important;       
                    text-align: left;
                    color: #292929;
                    line-height: 1.5 !important;
                }

                /* 4. 极致细节：最后一列必须切断右边框！
                这样可以确保表格的最右侧外边缘没有漏出来的“小尾巴”竖线，保持版面的整体大气的无边界感 */
                .cpxq_zb_box_con_xq_box table th:last-child,
                .cpxq_zb_box_con_xq_box table td:last-child {
                    border-right: none !important;
                }

                /* 5. 压条线：首行表头下方的细黑重心线保持不动，压住视觉重心 */
                .cpxq_zb_box_con_xq_box table tr:first-child td,
                .cpxq_zb_box_con_xq_box table th {
                    background-color: #f9fafb !important;
                    font-weight: 600 !important;
                    color: #111827 !important;
                    border-bottom: 1px solid var(--color-gray-900, #111827) !important; 
                }

            /* ========== 【精准修正】富文本引用块（Blockquote）行高紧凑问题 ========== */
                    
                    /* 统一为主引用块及其内部可能由编辑器生成的段落（p）注入呼吸行高 */
                    .cpxq_zb_box_con_xq_box blockquote,
                    .cpxq_zb_box_con_xq_box blockquote p {
                        /* AI修改：强行注入 1.8 倍的社论级宽松行高（!important 确保压死富文本默认值），
                        彻底撑开被压缩的多行文字，配合斜体字能产生极佳的人文杂志阅读质感 */
                        line-height: 1.8 !important; 
                    }


        /* ========== 【手机端优化】彻底解决富文本表格挤压、无法阅读的灾难 ========== */
                @media (max-width: 768px) {
                    
                    /* 1. 解开紧箍咒：让表格本身变成一个可以横向滑动的“独立高阶容器” */
                    .cpxq_zb_box_con_xq_box table {
                        display: block !important;          /* 强制转换为块级，只有块级才能触发溢出滚动 */
                        width: 100% !important;
                        overflow-x: auto !important;        /* 核心：当参数过宽时，自动在手机端开启横向无缝滚动条 */
                        -webkit-overflow-scrolling: touch; /* 核心：开启苹果 iOS 系统的硬件加速，让手指滑动时像原生 App 一样丝滑 */
                        border-top: 2px solid #111827 !important;
                        border-bottom: 2px solid #111827 !important;
                    }

                    /* 2. 释放宽度：干掉原代码中锁死屏幕宽度的 width: 100% 和 table-layout: fixed */
                    .cpxq_zb_box_con_xq_box table thead,
                    .cpxq_zb_box_con_xq_box table tbody {
                        display: table !important;
                        /* AI修改：这是根治挤压的秘诀！让表格内部宽度等于数据的“真实自然宽度”（max-content），
                        这样卡车就能在后面无限延伸，而不会被强行挤扁在手机屏幕里 */
                        width: max-content !important;        
                        min-width: 100% !important;
                    }
                    
                    .cpxq_zb_box_con_xq_box table tr {
                        display: table-row !important;     /* 恢复标准的表格行渲染，拒绝被方块化 */
                    }

                    /* 3. 保底单元格：严禁文字乱换行、堆叠 */
                    .cpxq_zb_box_con_xq_box th,
                    .cpxq_zb_box_con_xq_box td {
                        display: table-cell !important;    /* 恢复标准的单元格渲染 */
                        
                        /* AI修改：极其重要！强制型号和参数在同一行内无缝延伸（nowrap），
                        绝对不允许浏览器因为手机屏幕窄而擅自把“325×120×260”折成三行！ */
                        white-space: nowrap !important;       
                        
                        padding: 0.7rem 1rem !important;   /* 稍微收紧手机端的上下间距，视觉更紧凑 */
                        font-size: 0.85rem !important;     /* 手机端字号轻微下调，更适合移动设备阅读 */
                        min-width: 100px !important;       /* AI新增：给每个单元格一个 100px 的硬性安全保底宽度，防止数据黏在一起 */
                    }
                    
                    /* 4. 特殊例外：针对编辑器输出的大段物流说明或合并单元格，允许其正常换行，防止拉得太长 */
                    .cpxq_zb_box_con_xq_box td[colspan] {
                        white-space: normal !important; 
                    }
                }

/* ========== 以下为产品详情 图文详情AI美化 结束 ========== */
/* ========== 以下为产品详情 图文详情AI美化 结束 ========== */
/* ========== 以下为产品详情 图文详情AI美化 结束 ========== */




/* ========== 以下为产品详情 防盗 防复制 开始 ========== */
/* ========== 以下为产品详情 防盗 防复制 开始 ========== */
/* ========== 以下为产品详情 防盗 防复制 开始 ========== */
/* ==========================================================================
   防盗第一阶段：CSS 全局/局部禁用文本选中
   ========================================================================== */

/* 建议单独加在需要保护的内容容器上，比如文章详情盒子、产品列表网格 */
.cpxq_zb_box_con_xq_box,
.cpzx_zb_box_con_cplist {
    -webkit-user-select: none !important; /* Safari 内核浏览器 */
    -moz-user-select: none !important;    /* Firefox 火狐浏览器 */
    -ms-user-select: none !important;     /* 早期 IE10+ 浏览器 */
    user-select: none !important;         /* 现代标准浏览器 */
}

/* 如果你想全站彻底防选，可以直接解开下方 body 的注释 */
/* body {
    -webkit-user-select: none !important;
    user-select: none !important;
} 
*/

/* ========== 以下为产品详情 防盗 防复制 结束 ========== */
/* ========== 以下为产品详情 防盗 防复制 结束 ========== */
/* ========== 以下为产品详情 防盗 防复制 结束 ========== */