export const tableStyle = `
wmath[data-wrap="inline"] {
    display: inline !important;
    width: auto !important;
    vertical-align: middle;
}
wmath[data-wrap="inline"] mjx-container {
    display: inline-block !important;
    width: auto !important;
    margin: 0 2px !important;
    vertical-align: middle;
    font-size: 14px !important;
}
wmath[data-wrap="inline"] mjx-container[display="true"] {
    display: inline-block !important;
    margin: 0 2px !important;
}
wmath[data-wrap="block"] {
    display: flex;
    width: 100%;
}
wmath[data-wrap="block"] mjx-container {
    font-size: 14px !important;
}
.word-img-placeholder {
    background: #f0f0f0 ;
}
*{
    font-family: 'Charis SIL';
}
b span{
    font-weight: bold !important;
}
i span{
    font-style: italic !important; ;
}
sub span{
    vertical-align: sub;
}
sup span{
    vertical-align: sup;
}
sub {
    vertical-align: sub!important;
}
sup {
    vertical-align: sup !important;
}
span[style*="vertical-align: super"] {
    vertical-align: super !important;
}
span[style*="vertical-align: sub"] {
    vertical-align: sub !important;
}
table {
    border:0px !important;
    border-collapse: collapse; /* 去除单元格间隙 */
    width: auto;
    margin : 0 auto !important;
    table-layout: auto; /* 自动调整列宽 */
    text-align:left;
    font-family:'Charis SIL' !important;
    font-size: 14px !important;
    mso-font-kerning: 1.0000pt !important;
    line-height: 20px !important;
    mos-line-height: 20px !important;
}
table td, table th {
    padding: 5px;
    text-align:left !important;
    white-space: pre-wrap; /* 保留换行符并换行 */
    word-wrap: break-word; /* 长单词自动换行 */
    word-break: break-word;
    font-family:'Charis SIL' !important;
    font-size: 14px !important;
    mso-font-kerning: 1.0000pt !important;
    line-height: 20px !important;
    mos-line-height: 20px !important;
}
table tbody tr td{
    text-align:left !important;
    border-left:none !important;
    mso-border-left-alt:none !important;
    border-right:none !important;
    mso-border-right-alt:none !important;
    border-top:none;mso-border-top-alt:none !important;
    border-bottom:none !important;
    mso-border-bottom-alt:none !important;
    border:1px dashed #dcdfe6 !important;
    border-left:1px dashed #dcdfe6 !important;
    border-right:1px dashed #dcdfe6 !important;
    word-break: keep-all !important;
    // text-align: justify !important; // 设置两端对齐


}
table tr td p{

   text-align:left !important;

    margin:0;
    font-family:'Charis SIL' !important;
    font-size: 14px !important;
    mso-font-kerning: 1.0000pt !important;
    line-height: 20px !important;
    mos-line-height: 20px !important;
}
table span{

 color:#000000;text-align:left !important;
    font-family:'Charis SIL' !important;
    font-size: 14px !important;
    mso-font-kerning: 1.0000pt !important;
    line-height: 20px !important;
    mos-line-height: 20px !important;
}
table .color-highlight{
    color:rgb(0,130,170) !important;
    font-family:'Charis SIL' !important;
    font-size: 14px !important;
    mso-font-kerning: 1.0000pt !important;
    line-height: 20px !important;
    mos-line-height: 20px !important;
}
table tr:first-child td {
    border-top:1.0000pt solid #000 !important;mso-border-top-alt:0.5000pt solid #000 !important;border-bottom:1.0000pt solid #000 !important;mso-border-bottom-alt:0.5000pt solid #000 !important;
 }
table tr:last-of-type {
    border-bottom:1.0000pt solid #000 !important;mso-border-bottom-alt:0.5000pt solid #000 !important;;
}
table span blue {
color: rgb(0, 130, 170) !important;
}blue {
color: rgb(0, 130, 170) !important;
}
blue sup {
color: rgb(0, 130, 170) !important;
}
blue sub {
color: rgb(0, 130, 170) !important;
}
.wordTableHtml table tr.table-header-row:nth-of-type(2) td {
border-bottom: 1px solid #000 !important;
}
mjx-container {
font-size: 14px !important;
;
}
wmath[data-wrap="block"] {
width: 100%;
display: flex;
margin-bottom: 1em;
}
Info{
color:#ff8f25;
}
`;

/**
 * 提取自编辑器 template 节点的公共样式
 * 包含：基础布局、H1-H3 标识、校对状态、图片/表格特定样式
 */
export const commonWordStyle  = `
    /* 1. 基础段落与容器 */
    .pMain {
        margin-top: 5px;
        margin-bottom: 5px;
        min-height: 22px;
        font-size: 14px;
        line-height: 22px;
        font-family: 'Charis SIL', serif;
        text-align: justify;
        color: #606266;
        position: relative;
    }

    /* H1 标题容器块 */
    .pMainH1 {
        background: rgb(222, 235, 247);
        color: rgb(210, 90, 90) !important;
        text-align: center !important;
        border-radius: 10px;
        font-size: 16px;
        font-weight: bold;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        box-shadow: rgba(222, 234, 247, 0.6) 0px 4px 4px;
    }
.pMainH1 *{
    color: rgb(210, 90, 90) !important;
    font-weight: bold;
}
.pMainH1 *.pMain  {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 30px !important;
    text-align: center;
    font-size: 16px;
    font-weight: bold !important;
}
.pMainH1 * .pMain i {
    font-style: normal !important;
}
    /* 选中/激活时的发光边框 */
    .glowing-border {
        border: 3px solid #006699d1;
        border-radius: 5px;
        padding: 4px;
        animation: glow-flash 1.5s infinite alternate;
    }

    @keyframes glow-flash {
        0% { box-shadow: 0 0 5px #006699d1; }
        100% { box-shadow: 0 0 20px #006699d1; }
    }

    /* 2. 状态标识样式 */
    .proofreading-num, .Proofreadingstatus {
        position: absolute;
        right: 6px;
        z-index: 10;
        cursor: pointer;
    }

    .proofreading-num {
        background: #e61a12;
        color: #fff;
        border-radius: 20px;
        padding: 0px 6px;
        font-size: 12px;
    }

    .Proofreadingstatus {
        background-color: #fff;
        border-radius: 16px;
        font-size: 16px;
        right: 2px;
    }

    .isRemark {
        display: flex;
        align-items: center;
        z-index: 2;
        cursor: pointer;
    }

    .isRemark span {
        font-weight: bold;
        background-color: #fef0f0;
        color: #f56c6c;
        padding: 0 5px;
        font-size: 12px;
    }

    /* 3. 内容类型样式 (图片/表格) */
    .MaxPicture { text-align: center !important; }
    .myeditablediv img { width: 80% !important; max-width: 580px; margin-bottom: 10px; }
    
    .imageTitle, .tableTitle { 
        color: rgb(210, 90, 90) !important; 
        font-weight: bold; 
        text-align: center; 
        margin-bottom: 10px; 
        display: block;
    }

    .table_Box { padding: 8px 15px; }
    .table-box { width: 100%; border-collapse: collapse; text-align: center; }
    .table-box td { border: 1px solid #000; }
    .oddColor td { background: rgb(250, 231, 232); }

    /* 4. 辅助层级标识 (H1/H2/H3 侧边圆圈) */
    .Htitle {
        color: #4d99f1;
        background-color: #dbebfca6;
        border-radius: 50%;
        font-weight: bold;
        position: absolute;
        line-height: 24px;
        font-size: 16px;
        left: -30px;
        top: 0px;
        text-align: center;
        width: 24px;
        height: 24px;
    }
    
    .select-main-id { position: absolute !important; }
`;