/* =========================================
   终极防拦截 CSS (完整版：含状态栏与正文背景全面美化)
   ========================================= */

/* 1. 拦截并美化所有的折叠面板 (状态栏等) */
.mes_text details,
details {
  background: linear-gradient(145deg, #180d24, #12091c) !important;
  border: 1px solid #3b2253 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  color: #eaddf5 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

/* 2. 折叠面板的标题栏（带红色左边框） */
.mes_text details > summary,
details > summary {
  list-style: none !important;
  cursor: pointer !important;
  padding: 8px 12px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, #2d1640, #1b0e29) !important;
  border-left: 4px solid #d92635 !important;
  transition: all 0.2s !important;
  margin: 0 !important;
  display: block !important; 
}

/* 隐藏自带的丑陋三角形 */
.mes_text details > summary::-webkit-details-marker,
details > summary::-webkit-details-marker {
  display: none !important;
}

.mes_text details > summary:hover,
details > summary:hover {
  background: linear-gradient(90deg, #3d1b54, #211033) !important;
  border-left-color: #ff4d6d !important;
}

/* 3. 面板内的数据行 */
.mes_text details > div,
details > div {
  display: block !important;
  padding: 6px 12px !important;
  border-bottom: 1px dashed #2d1a3d !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.mes_text details > div:last-child,
details > div:last-child {
  border-bottom: none !important;
}

/* 加粗字体的颜色（属性名高亮） */
.mes_text details b,
details b,
.mes_text details strong,
details strong {
  color: #ff6b8b !important;
  font-weight: 600 !important;
  margin-right: 4px !important;
}

/* 4. 面板内的段落 (用于小标题，带有淡红底色) */
.mes_text details p,
details p {
  margin: 0 !important; 
  padding: 6px 12px !important;
  background: rgba(217, 38, 53, 0.15) !important; 
  color: #ff8fa3 !important; 
  font-weight: bold !important; 
  font-size: 13px !important;
  border-top: 1px solid #3b2253 !important; 
  border-bottom: 1px solid #3b2253 !important;
}

/* 5. 列表美化（生理监测与服装） */
.mes_text details ul,
details ul {
  margin: 0 !important; 
  padding: 6px 12px 6px 32px !important; 
  background: rgba(0,0,0,0.2) !important; 
  list-style-type: disc !important;
}
.mes_text details li,
details li {
  color: #d4c4e8 !important; 
  margin-bottom: 4px !important; 
  font-size: 13.5px !important; 
  line-height: 1.5 !important;
}
.mes_text details li::marker,
details li::marker {
  color: #ff6b8b !important; 
}

/* 6. 表格美化（记忆区） */
.mes_text details table,
details table {
  width: 100% !important; 
  border-collapse: collapse !important; 
  font-size: 13px !important; 
  text-align: left !important; 
  background: rgba(0,0,0,0.1) !important; 
  margin: 0 !important; 
}
.mes_text details th,
details th {
  background: #211233 !important; 
  color: #ff8fa3 !important; 
  padding: 6px 10px !important; 
  border-bottom: 1px solid #4a275d !important; 
}
.mes_text details td,
details td {
  padding: 6px 10px !important; 
  border-bottom: 1px dashed #2d1a3d !important; 
  color: #d4c4e8 !important; 
}

/* =========================================
   7. 纯正文区块保护与美化 (用于 <article>)
   ========================================= */
.mes_text article,
article {
  display: block !important;
  background: linear-gradient(145deg, #130a1c, #1a0e29) !important; /* 增加与状态栏呼应的暗紫渐变背景 */
  border: 1px solid #3b2253 !important;
  border-left: 4px solid #b388eb !important; /* 增加淡紫色左边框，与红色状态栏作区分 */
  border-radius: 6px !important;
  padding: 16px !important; /* 加大内边距，让文字不贴边 */
  margin: 10px 0 !important;
  color: #f2edf8 !important; /* 高对比度霜白文字 */
  font-size: 15px !important;
  line-height: 1.7 !important; /* 增加行高，提升阅读体验 */
  box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

/* 针对正文内部段落的排版优化 */
.mes_text article p,
article p {
  margin-top: 0 !important;
  margin-bottom: 12px !important; /* 段落之间增加间距 */
  color: #f2edf8 !important;
  background: transparent !important; /* 防止被上方状态栏 p 标签底色污染 */
  border: none !important;
  padding: 0 !important;
  font-weight: normal !important;
  font-size: 15px !important;
  text-indent: 2em !important; /* 首行缩进两字符，更符合小说阅读习惯，不需要可删掉此行 */
}

/* 正文内最后一段去掉底边距，防止底部留白过大 */
.mes_text article p:last-child,
article p:last-child {
  margin-bottom: 0 !important;
}