/* ============================================
   珍饰仪 · 富文本内容统一样式
   ============================================ */

@keyframes wp-blink { 0%,100% { opacity:1; } 50% { opacity:0.2; } }
.wp-blink {
  animation: wp-blink 1s ease-in-out infinite;
  -webkit-animation: wp-blink 1s ease-in-out infinite;
}
.wp-source {
  color: #94a3b8;
  font-size: 13px;
  font-style: italic;
  padding: 8px 0 8px 16px;
  border-left: 3px solid #e2e8f0;
  margin: 10px 0;
  line-height: 1.8;
  text-indent: 0 !important;
}
.wp-subhead {
  font-weight: 700;
  color: #1a3a5c;
  margin: 20px 0 10px;
  padding-left: 12px;
  border-left: 4px solid #c9a961;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-indent: 0 !important;
}
.wp-num {
  padding-left: 2em;
  text-indent: -1.5em !important;
}
.wp-table-wrap {
  display: block;
  width: 100%;
  overflow-x: auto;
  margin: 12px 0;
  border-radius: 8px;
}
.wp-table-wrap table,
.content-card table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  background: #fff;
}
.wp-table-wrap table th,
.wp-table-wrap table td,
.content-card table th,
.content-card table td {
  border: 1px solid #dde3ed;
  padding: 10px 12px;
  line-height: 1.6;
  vertical-align: top;
  text-indent: 0 !important;
}
.wp-table-wrap table th,
.content-card table th {
  background: #f8fafc;
  font-weight: 600;
  color: #1a3a5c;
  text-align: center;
}
/* ========== 白皮书手机端终极完美修复 ========== */
@media (max-width: 768px) {
  .wp-content, .wp-content * {
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    /* 注意：这里删掉了 white-space: normal，就不会乱强制换行了 */
  }

  /* 1. 图片修复：只要不超宽，并且正常显示 */
  .wp-content img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important; /* 恢复 inline-block，图片就出来了 */
    margin: 10px auto !important;
    visibility: visible !important;
  }

  /* 2. 表格修复：允许表格自己内部横向滑动，不准把外面的手机屏幕撑爆 */
  .wp-content table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  
  /* 3. 卡片排版修复：如果原代码写死了横向排列，在手机上强制变成上下排列，但保留里面的内容 */
  .wp-content div[style*="display: flex"], 
  .wp-content div[style*="display:flex"] {
    flex-direction: column !important; 
  }
}
/* 专门针对白皮书图片不被压缩、不被隐藏的抢救代码 */
.wp-content img { 
  display: inline-block !important; 
  max-width: 100% !important; 
  height: auto !important; 
  margin: 10px 0 !important; 
  opacity: 1 !important; 
  visibility: visible !important;
  min-width: 100px !important; /* 如果图片太小，强制撑开 */
}