/**
 * 前端表格修复样式
 * 确保从WordPress编辑器复制的表格正确显示
 */

/* 基础表格重置 */
.mikrosize-editor-content table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    width: 100% !important;
    margin: 1em 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    empty-cells: show !important;
    table-layout: auto !important;
}

/* 表格单元格基础样式 */
.mikrosize-editor-content td,
.mikrosize-editor-content th {
    border: 1px solid #ddd !important;
    padding: 8px 12px !important;
    text-align: left !important;
    vertical-align: middle !important;
    min-width: 50px !important;
}

.mikrosize-editor-content th {
    background-color: #f5f5f5 !important;
    font-weight: bold !important;
    text-align: center !important;
}

/* 图片在表格中的特殊处理 */
.mikrosize-editor-content td img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* 单个单元格内的图片 */
.mikrosize-editor-content td:has(> img:only-of-type) {
    text-align: center !important;
}

.mikrosize-editor-content td:has(> img:only-of-type) img {
    display: block !important;
    margin: 0 auto !important;
}

/* 移除可能存在的干扰样式 */
.mikrosize-editor-content td .image-container,
.mikrosize-editor-content .image-container {
    display: contents !important;
}

/* 修复Word/Office特定样式 */
.mikrosize-editor-content .mso-normal {
    margin: 0 !important;
}

.mikrosize-editor-content .office-table {
    border: 1px solid #ddd !important;
}

/* 响应式表格处理 */
@media (max-width: 768px) {
    .mikrosize-editor-content table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .mikrosize-editor-content td,
    .mikrosize-editor-content th {
        white-space: nowrap !important;
        min-width: 100px !important;
    }
    
    .mikrosize-editor-content td img {
        max-width: 150px !important;
    }
}