/* ==================== IE浏览器兼容样式 ==================== */

/* IE浏览器：覆盖frame.css中的隐藏状态，强制显示所有内容 */
html.ie9 section li,
html.ie10 section li,
html.ie11 section li,
html[class*="ie"] section li {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: none !important;
  visibility: visible !important;
  display: flex !important;
}

/* IE浏览器：覆盖section的隐藏状态 */
html.ie9 section,
html.ie10 section,
html.ie11 section,
html[class*="ie"] section {
  opacity: 1 !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

/* IE浏览器：覆盖分页器的隐藏状态 */
html.ie9 .pagination,
html.ie10 .pagination,
html.ie11 .pagination,
html[class*="ie"] .pagination {
  opacity: 1 !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

/* IE浏览器：确保所有li元素可见（初始状态） */
html.ie9 #content-list li,
html.ie10 #content-list li,
html.ie11 #content-list li,
html[class*="ie"] #content-list li {
  opacity: 1 !important;
  visibility: visible !important;
  /* 注意：不设置display，让JavaScript控制显示/隐藏 */
}

/* IE浏览器：隐藏的元素 */
html.ie9 #content-list li[style*="display: none"],
html.ie10 #content-list li[style*="display: none"],
html.ie11 #content-list li[style*="display: none"],
html[class*="ie"] #content-list li[style*="display: none"] {
  display: none !important;
}

/* IE浏览器：文本换行处理 */
html.ie9 section li > div:last-child,
html.ie10 section li > div:last-child,
html.ie11 section li > div:last-child,
html[class*="ie"] section li > div:last-child,
html.ie9 .content-textbox,
html.ie10 .content-textbox,
html.ie11 .content-textbox,
html[class*="ie"] .content-textbox {
  /* IE11 flexbox兼容 */
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  /* 确保文本可以换行 */
  min-width: 0 !important;
  width: 40% !important;
  box-sizing: border-box !important;
  /* 允许内容溢出和换行 */
  overflow: visible !important;
  word-wrap: break-word !important;
  word-break: normal !important;
}

/* IE浏览器：h3标题文本换行 */
html.ie9 section h3,
html.ie10 section h3,
html.ie11 section h3,
html[class*="ie"] section h3,
html.ie9 .content-textbox h3,
html.ie10 .content-textbox h3,
html.ie11 .content-textbox h3,
html[class*="ie"] .content-textbox h3 {
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 450px !important;
  display: block !important;
  box-sizing: border-box !important;
  /* 确保flex子元素可以收缩 */
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
  /* 距离容器右侧的边距，使用padding-right配合box-sizing确保不超出容器 */
  padding-right: 15px !important;
}

/* IE浏览器：段落文本换行 */
html.ie9 section p,
html.ie10 section p,
html.ie11 section p,
html[class*="ie"] section p,
html.ie9 .content-textbox p,
html.ie10 .content-textbox p,
html.ie11 .content-textbox p,
html[class*="ie"] .content-textbox p {
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  /* 确保flex子元素可以收缩 */
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}