/* CSS Document */

  .ai-modal-wrap { padding: 15px; }
  .ai-section { border: 1px solid #eee; border-radius: 6px; padding: 12px; margin-bottom: 12px; }
  .ai-section-title { font-weight: 700; margin-bottom: 10px; }
  .ai-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
  .ai-row .layui-input { width: 220px; }
  .ai-tip { color: #888; font-size: 12px; margin-top: 6px; }
  .ai-preview { background: #fafafa; border: 1px solid #eee; border-radius: 6px; padding: 10px; white-space: pre-wrap; word-break: break-all; max-height: 220px; overflow: auto; }
/* 只作用于这个表：给 table.render 设置的 elem 加一个容器 class 最稳
   如果你表就在弹窗里，可以把 .ai-modal-wrap 当容器 */
.ai-modal-wrap .layui-table-view .layui-table tbody tr{
  height: 80px;
}
.ai-modal-wrap .layui-table-view .layui-table tbody tr td{
  height: 80px;
  vertical-align: middle;
}/* ========== 让弹窗整体滚动，不让表格内部“隐藏/滚动” ========== */
.ai-modal-wrap{
  /* 弹窗内容很多时，让外层自然撑开（由 layer 弹窗滚动条负责） */
  overflow: visible;
}

/* ========== Layui 表格：取消单元格省略号，允许换行、完整显示 ========== */
.ai-modal-wrap .layui-table-view{
  overflow: visible;          /* 关键：不在表格view内部裁剪 */
}

.ai-modal-wrap .layui-table-view .layui-table{
  table-layout: fixed;        /* 防止列宽乱跳，可配合 minWidth */
}

.ai-modal-wrap .layui-table-view .layui-table-cell{
  height: auto !important;
  line-height: 20px !important;
  white-space: normal !important;   /* 允许换行 */
  overflow: visible !important;     /* 不裁剪 */
  text-overflow: unset !important;  /* 取消省略号 */
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 行高不再固定死 80px（你现在固定会导致内容被压/裁） */
.ai-modal-wrap .layui-table-view .layui-table tbody tr,
.ai-modal-wrap .layui-table-view .layui-table tbody tr td{
  height: auto !important;
  vertical-align: middle;
}

/* ========== 图片：完整显示，不裁剪 ========== */
.ai-modal-wrap .layui-table-view img{
  display: block;
  width: 70px;               /* 你可以改大，比如 90px */
  height: 70px;
  object-fit: contain;       /* 关键：完整显示图片 */
  background: #fff;          /* 留白时更干净 */
  border: 1px solid #eee;
  border-radius: 6px;
  margin: 0 auto;
}

/* ========== 链接长标题：允许断行（避免横向撑爆） ========== */
.ai-modal-wrap .layui-table-view a{
  word-break: break-word;
}

/* 让固定列（右侧操作列）跟主表行高一致 */
.layui-table-view .layui-table td,
.layui-table-view .layui-table th {
  vertical-align: middle;
}

/* 主表单元格 */
.layui-table-view .layui-table-cell{
  height: auto;
  line-height: 22px;      /* 你想要的行高，和主表一致即可 */
  padding: 8px 10px;      /* 你主表用多少就写多少 */
  white-space: normal;    /* 允许换行，否则高度计算会不一样 */
}

/* 关键：固定列也要同样规则 */
.layui-table-view .layui-table-fixed .layui-table-cell{
  height: auto;
  line-height: 22px;
  padding: 8px 10px;
  white-space: normal;
}
#aiIdTableWrap .layui-table-view {
  margin: 0;
}
#aiIdTableWrap .layui-table-body {
  overflow: auto;
}
/* 第三部分：强制限制表格整体高度 */
#aiIdTableWrap .layui-table-view{
  height: 260px !important;
  margin: 0 !important;
}

/* 表头高度固定，内容区滚动（260-表头大约38 = 222） */
#aiIdTableWrap .layui-table-body{
  height: 220px !important;
  overflow-y: auto !important;
}

/* 防止内容把高度撑开 */
#aiIdTableWrap .layui-table-cell{
  height: auto !important;
  line-height: 22px;
}