/* 文字重叠问题修复 - 2025-08-28 */

/* 强制修复所有可能的文字重叠问题 */
* {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* 文章摘要文字重叠修复 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  position: relative !important;
  z-index: 1 !important;
  line-height: 1.6 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  height: 4.5rem !important;
  min-height: 4.5rem !important;
  max-height: 4.5rem !important;
}

/* 确保摘要文本正确显示 */
.summary p,
.post-card .summary p,
.mobile-article-grid .summary p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 修复可能的CSS transform问题 */
.summary *,
.post-card .summary *,
.mobile-article-grid .summary * {
  transform: none !important;
  transform-origin: unset !important;
  backface-visibility: visible !important;
  perspective: none !important;
  transform-style: flat !important;
}

/* 修复可能的CSS position问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary,
.summary *,
.post-card .summary *,
.mobile-article-grid .summary * {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* 修复可能的CSS overflow问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  overflow: hidden !important;
  clip: unset !important;
  clip-path: none !important;
}

/* 修复可能的CSS display问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  display: -webkit-box !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 修复可能的CSS float问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary,
.summary *,
.post-card .summary *,
.mobile-article-grid .summary * {
  float: none !important;
  clear: none !important;
}

/* 修复可能的CSS margin和padding问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
}

/* 修复可能的CSS width和height问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  width: auto !important;
  height: 4.5rem !important;
  min-width: 0 !important;
  min-height: 4.5rem !important;
  max-width: 100% !important;
  max-height: 4.5rem !important;
}

/* 修复可能的CSS font问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  font-family: inherit !important;
  font-size: 0.9375rem !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

/* 修复可能的CSS color问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  color: #4b5563 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
}

/* 修复可能的CSS list样式问题 */
.summary ul,
.summary ol,
.post-card .summary ul,
.post-card .summary ol,
.mobile-article-grid .summary ul,
.mobile-article-grid .summary ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.summary li,
.post-card .summary li,
.mobile-article-grid .summary li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 修复可能的CSS table样式问题 */
.summary table,
.post-card .summary table,
.mobile-article-grid .summary table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width: 100% !important;
}

.summary td,
.summary th,
.post-card .summary td,
.post-card .summary th,
.mobile-article-grid .summary td,
.mobile-article-grid .summary th {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 修复可能的CSS link样式问题 */
.summary a,
.post-card .summary a,
.mobile-article-grid .summary a {
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* 修复可能的CSS image样式问题 */
.summary img,
.post-card .summary img,
.mobile-article-grid .summary img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
}

/* 修复可能的CSS code样式问题 */
.summary code,
.post-card .summary code,
.mobile-article-grid .summary code {
  font-family: monospace !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 修复可能的CSS blockquote样式问题 */
.summary blockquote,
.post-card .summary blockquote,
.mobile-article-grid .summary blockquote {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-style: normal !important;
}

/* 修复可能的CSS pre样式问题 */
.summary pre,
.post-card .summary pre,
.mobile-article-grid .summary pre {
  font-family: monospace !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* 确保所有文本元素都正确显示 */
.summary *,
.post-card .summary *,
.mobile-article-grid .summary * {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
}

/* 修复可能的CSS动画问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary,
.summary *,
.post-card .summary *,
.mobile-article-grid .summary * {
  animation: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  -webkit-transition: none !important;
  -moz-animation: none !important;
  -moz-transition: none !important;
}

/* 修复可能的CSS filter问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary,
.summary *,
.post-card .summary *,
.mobile-article-grid .summary * {
  filter: none !important;
  -webkit-filter: none !important;
  -moz-filter: none !important;
}

/* 修复可能的CSS mask问题 */
.summary,
.post-card .summary,
.mobile-article-grid .summary,
.summary *,
.post-card .summary *,
.mobile-article-grid .summary * {
  mask: none !important;
  -webkit-mask: none !important;
  -moz-mask: none !important;
}

/* 强制重置所有可能的CSS属性，但保持摘要的显示样式 */
.summary,
.post-card .summary,
.mobile-article-grid .summary {
  all: unset !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  color: #4b5563 !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  height: 4.5rem !important;
  min-height: 4.5rem !important;
  max-height: 4.5rem !important;
}