.content-container {
  max-width: 100%px;    /* 最大宽度限制 */
  width: 100%;         /* 自适应宽度 */
 
  .word-wrap {
  word-wrap: break-word; /* 长单词强制换行 */
}
  box-sizing: border-box; /* 盒模型计算方式 */

  /* 保持原有布局流 */
  display: block;
  position: relative;
}

/* 移动端适配 */
@media (max-width: 100%px) {
  .content-container {
    max-width: 100%;   /* 小屏幕时占满宽度 */
    padding: 20px 15px;/* 减少侧边间距 */
  }
}

/* 防止内部元素溢出 */
.content-container > * {
  max-width: 100%;     /* 子元素继承宽度限制 */
  height: auto;        /* 保持比例 */
}

/* 特殊元素处理 */
.content-container img {
  display: block;      /* 图片单独处理 */

}
.content-area img {  /* 只影响内容区域的图片 */
  max-width: 100%;
  height: auto;
 
}
.content-area {      /* 父容器限制 */
  max-width: 100%px;
  margin: 0 auto;
}
.table-container {
  max-width: 100%px;            /* 最大宽度限制 */
  width: 100%;                 /* 自适应宽度 */
  margin: 2rem auto;           /* 垂直间距+水平居中 */
  padding: 0 15px;             /* 移动端留白 */
  box-sizing: border-box;
  overflow-x: auto;            /* 小屏横向滚动 */
}
.word-wrap {
  word-wrap: break-word; /* 长单词强制换行 */
}
/* 基础表格样式 */
.info-table {
  width: 100%;                 /* 继承容器宽度 */
  border-collapse: collapse;   /* 合并边框 */
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  table-layout: fixed;         /* 固定列宽分配 */
}

/* 表头样式 */
.info-table thead {
  background: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
}

.info-table th {
  padding: 12px 15px;
  text-align: left;
  font-weight: 600;
  color: #495057;
}

/* 表格内容 */
.info-table td {
  padding: 12px 15px;
  border-top: 1px solid #dee2e6;
  vertical-align: top;
  word-break: break-word;      /* 自动换行处理 */
}

/* 斑马条纹效果 */
.info-table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}

/* 悬停效果 */
.info-table tbody tr:hover {
  background-color: #f8f9fa;
}
.word-wrap {
  word-wrap: break-word; /* 长单词强制换行 */
}
/* 移动端适配 */
@media (max-width: 100%px) {
  .table-container {
    padding: 0 10px;           /* 减少侧边距 */
  }
  
  .info-table {
    min-width: 100%px;          /* 保持表格最小宽度 */
    font-size: 0.9em;
  }
  
  .info-table th, 
  .info-table td {
    padding: 10px 12px;

/* 基础容器设置 */
.container {
  max-width: 300px;  /* 硬性宽度限制 */
  width: 100%;       /* 自适应父容器 */
  box-sizing: border-box; /* 包含padding和border */
}

/* 文本溢出处理方案 */
.text-content {
  overflow-wrap: break-word;  /* 强制单词断行 */
  word-break: break-all;      /* 允许任意字符断行 */
}
/* 截断方案（隐藏溢出） */
.truncated-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

  }
}