/* ==========================================================================
   博达站群新版响应式表格 - 字体绝对完美统一版
   ========================================================================== */

/* 1. 外层容器支持自适应横向滚动 */
.boda-page-content {
    word-break: break-all !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;}

/* 2. 表格全局基础重置 */
.boda-page-content table {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    margin: 20px 0 !important;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif !important;
    box-sizing: border-box !important;
    table-layout: auto !important;}

/* 3. 清理自带的高度和背景 */
.boda-page-content table,
.boda-page-content table tr,
.boda-page-content table td {
    background-image: none !important;
    height: auto !important;}

/* 4. 数据单元格基础样式：全表文字默认垂直居中 */
.boda-page-content table td {
    vertical-align: middle !important;
    padding: 12px 15px !important;
    border: 1px solid #eef2f9 !important;}

/* ==========================================================================
   【核心修复】降维打击：无视任何嵌套层级，强制数据行所有文字必须为 1rem
   ========================================================================== */

/* 精准锁定全表【除表头外】的所有文本容器及子孙标签，一并强制洗白为 1rem */
.boda-page-content table tr:not(.firstRow):not(:first-child) td,
.boda-page-content table tr:not(.firstRow):not(:first-child) td * {
    font-size: 1rem !important;    /* 强制全表字体一模一样大 */
    line-height: 1.6 !important;
    text-align: left !important;}

/* ==========================================================================
   【核心修复】精准锁定第一列（组织机构列），无视嵌套强制水平居中
   ========================================================================== */
.boda-page-content table tr:not(.firstRow):not(:first-child) td:first-child,
.boda-page-content table tr:not(.firstRow):not(:first-child) td:first-child * {
    text-align: center !important;}


/* ==========================================================================
   表头处理：第一行深蓝渐变 + 文本绝对居中统一
   ========================================================================== */

/* A. 第一行表头单元格底色 */
.boda-page-content table tr.firstRow td,
.boda-page-content table tr:first-child td {
    background: linear-gradient(to right, #0a1b5c, #132d75) !important;
    border: none !important;
    white-space: nowrap !important; /* 确保表头字不换行 */
    display: table-cell !important;
    text-align: center !important;}

/* B. 针对表头内含的任意标签进行强制放大、漂白与居中 */
.boda-page-content table tr.firstRow td *,
.boda-page-content table tr:first-child td * {
    display: inline-block !important; 
    font-size: 1rem !important;        /* 表头大小同样统一为 1rem */
    color: #ffffff !important;         /* 强制白色文字 */
    font-weight: bold !important;      /* 强制加粗 */
    text-align: center !important;     
    margin: 0 !important;
    padding: 0 !important;}

/* ==========================================================================
   数据行处理：浅蓝灰相间交替变色
   ========================================================================== */

/* 奇数行变浅蓝灰 */
.boda-page-content table tr:not(.firstRow):not(:first-child):nth-child(odd) td {
    background-color: #f7f9fc !important;}

/* 偶数行保持纯白 */
.boda-page-content table tr:not(.firstRow):not(:first-child):nth-child(even) td {
    background-color: #ffffff !important;}

/* 鼠标悬停的高亮交互 */
.boda-page-content table tr:not(.firstRow):not(:first-child):hover td {
    background-color: #f0f4fa !important;
    transition: background-color 0.2s ease;}

