/* ============================================================
   1. 原有基础样式保留 (关于我们/Banner/底部)
   ============================================================ */
.about1_list li { line-height: 80px !important; }
.about1_company .container .company_txt { font-size: 1.5rem !important; }
.bannerTxt p { width: 90% !important; }
.product_details .details_bottom p { font-size: 1.4rem; }

@media only screen and (max-width: 767px) {
    .footer_contact h4 { font-size: 1.2rem; color: #515151; font-weight: bold; line-height: 1.5rem; padding-bottom: 1rem; }
    .about1_title h2 { text-align: left; font-size: 2rem !important; margin: 10px 0; line-height: 3rem; color: #515151 !important; }
    .about1_title p, .company_txt p { text-align: left; font-size: 1.3rem !important; color: #515151 !important; }
    .footer_wx { float: left !important; }
}

.product_left h1 { font-size: 1.5rem; line-height: 3rem; }

.details_bottom{margin:0px !important;}

/* ============================================================
   2. 产品详情页核心排版 (适配 Python V13.0 逻辑)
   ============================================================ */

/* 段落与普通文字：全面适配 p 和 section 以外的容器 */
.details_bottom p,
.details_bottom div:not(.table-wrapper),
.details_bottom section:not(.table-wrapper) {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 15px;
    text-align: justify;
    word-break: break-all;
}

/* 强力标题美化：适配 Python 粉碎套娃后的单层 strong */
.details_bottom strong, 
.details_bottom b {
    display: table; /* 使用 table 布局确保装饰条高度与文字对齐，不受外移 BR 影响 */
    font-size: 1.6rem;
    color: #000;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    border-left: 5px solid #00b0f0; /* 工业蓝装饰条 */
    padding-left: 12px;
    line-height: 1.2;
}
.details_bottom .daowea{border-left:none;}

/* ============================================================
   3. 表格响应式包装 (适配 <section class="table-wrapper">)
   ============================================================ */

.table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin: 25px 0;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    /* 关键修改：已移除外层 border */
    border: none !important; 
}

.table-wrapper table {
    display: table !important;
    width: auto !important;     /* 允许表格根据内容收缩 */
    max-width: 100% !important; /* 不超出屏幕 */
    min-width: 600px;           /* 保证数据不挤压 */
    margin: 0 auto 0 0 !important; /* 靠左对齐，符合阅读习惯 */
    border-collapse: collapse !important;
    table-layout: auto !important;
    /* 确保表格主体边框坚固 */
    border: 1px solid #333 !important; 
}

/* 单元格样式 */
.table-wrapper th,
.table-wrapper td {
    border: 1px solid #333 !important; /* 内部黑色细边框线 */
    padding: 12px 15px !important;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.5;
}

/* 表头：Python 自动生成的 th 变色 */
.table-wrapper th {
    background-color: #00b0f0 !important;
    color: #ffffff !important;
    font-weight: bold;
}


/* 滚动条美化 */
.table-wrapper::-webkit-scrollbar { height: 8px; }
.table-wrapper::-webkit-scrollbar-track { background: #f1f1f1; }
.table-wrapper::-webkit-scrollbar-thumb { background: #00b0f0; border-radius: 4px; }

/* ============================================================
   4. 移动端终极适配
   ============================================================ */
@media only screen and (max-width: 767px) {
    .details_bottom p {
        font-size: 1.3rem !important;
        line-height: 1.6;
    }
    
    .details_bottom strong, 
    .details_bottom b {
        font-size: 1.5rem !important;
        margin-top: 15px;
    }

    .table-wrapper {
        margin: 15px 0;
    }
    
    .table-wrapper table {
        min-width: 500px; /* 手机端最小宽度微调 */
    }

    .table-wrapper td,
    .table-wrapper th {
        padding: 8px 10px !important;
        font-size: 12px;
    }
}