/* 苗族风格 - 黑紫渐变与华丽银色装饰 */
/* 适用于回复格式的整体美化 */

/* 基础容器 - 黑紫渐变背景 */
.reply-container {
  max-width: 800px;
  margin: 20px auto;
  background: linear-gradient(145deg, #0a0a1a 0%, #1a0a2e 50%, #0d0d1f 100%);
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  position: relative;
  font-family: 'Segoe UI', '华文楷书', 'Microsoft YaHei', '宋体', serif;
}

/* 苗族银饰边框装饰 */
.reply-container::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid rgba(192, 192, 192, 0.3);
  border-radius: 18px;
  pointer-events: none;
  background: radial-gradient(ellipse at top, rgba(192,192,192,0.1), transparent);
}

.reply-container::after {
  content: '❄️';
  position: absolute;
  bottom: -12px;
  right: 20px;
  font-size: 24px;
  color: silver;
  opacity: 0.6;
  text-shadow: 0 0 5px #c0c0c0;
  font-family: 'Segoe UI Emoji';
}

/* ========== 思维链区域 - 完全隐藏 ========== */
think,
reply-container think,
.reply-container think {
  display: none !important;
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* ========== details 通用样式 - 苗族银饰折叠区 ========== */
details {
  background: rgba(10, 5, 20, 0.7);
  backdrop-filter: blur(2px);
  border: 1px solid rgba(192, 192, 192, 0.4);
  border-radius: 20px;
  margin: 14px 0;
  padding: 8px 12px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

details[open] {
  background: rgba(15, 8, 28, 0.85);
  border-color: #c0a0e0;
  box-shadow: 0 0 12px rgba(192, 160, 224, 0.2), inset 0 1px 0 rgba(255,255,255,0.05);
}

/* summary 标题 - 苗族银饰风格 */
summary {
  font-weight: bold;
  color: #e6d5ff;
  text-shadow: 0 0 3px #9b59b6;
  cursor: pointer;
  padding: 6px 8px;
  background: linear-gradient(90deg, #2a1a3a, #1a0f2a);
  border-radius: 30px;
  letter-spacing: 2px;
  font-size: 0.9em;
  border: 1px solid rgba(192,192,192,0.5);
  display: inline-block;
  width: auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px black;
}

summary::-webkit-details-marker {
  color: silver;
  font-size: 1.1em;
}

/* ========== 段落样式 ========== */
p {
  color: #f0e6ff;
  line-height: 1.5;
  margin: 8px 0;
  font-size: 0.95rem;
  text-shadow: 0 0 2px rgba(0,0,0,0.3);
}

/* ========== 顶部状态栏（时空坐标）统一黑体 ========== */
details:first-of-type,
details:first-of-type p,
details:first-of-type summary,
details:first-of-type * {
  font-family: '黑体', 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
}

/* 确保时空坐标内的特殊元素也使用黑体 */
details:first-of-type p:first-of-type {
  font-family: '黑体', 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
}

/* ========== 玩家躯体反馈区域 - 统一黑体 ========== */
details:nth-of-type(2),
details:nth-of-type(2) p,
details:nth-of-type(2) summary,
details:nth-of-type(2) * {
  font-family: '黑体', 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
}

details:nth-of-type(2) p {
  font-family: '黑体', 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
}

/* ========== 正文 text 区域 - 修复：强制深色背景 + 高亮文字 ========== */
text,
.reply-container text,
body text,
html text {
  display: block !important;
  background: #0d0a1c !important;
  background-image: linear-gradient(145deg, #120d22, #0a0618) !important;
  border-radius: 20px !important;
  padding: 16px 20px !important;
  margin: 12px 0 !important;
  border: 1px solid #6a4e9b !important;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0,0,0,0.3) !important;
  color: #f3ecff !important;
  position: relative;
  overflow: hidden;
}

/* 正文暗纹 - 更淡不影响阅读 */
text::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  background: repeating-linear-gradient(45deg, rgba(192,192,192,0.02) 0px, rgba(192,192,192,0.02) 2px, transparent 2px, transparent 8px);
  border-radius: 16px;
  pointer-events: none;
  z-index: 0;
}
text > * {
  position: relative;
  z-index: 1;
}

/* 正文内部的段落颜色 - 亮色文字 */
text p,
.reply-container text p {
  color: #f0e6ff !important;
  text-shadow: 0 0 1px rgba(0,0,0,0.5);
  font-weight: normal;
}

/* 正文中的对话高亮 - 更艳丽的粉色 */
text font[color="#ff69b4"],
.reply-container text font[color="#ff69b4"] {
  color: #ff99cc !important;
  text-shadow: 0 0 3px #ff3388;
  font-weight: bold;
  background: rgba(255,105,180,0.15);
  padding: 0 4px;
  border-radius: 16px;
  font-style: normal;
}

text font[color="#ff69b4"]::before {
  content: '❀';
  font-size: 0.8em;
  margin-right: 4px;
  color: silver;
}
text font[color="#ff69b4"]::after {
  content: '❀';
  font-size: 0.8em;
  margin-left: 4px;
  color: silver;
}

/* ========== 分隔线 ========== */
hr {
  border: none;
  height: 2px;
  background: linear-gradient(90deg, transparent, silver, #b8860b, silver, transparent);
  margin: 12px 0;
  position: relative;
}

hr::after {
  content: '✧';
  position: absolute;
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  background: #0a0a1a;
  padding: 0 8px;
  color: silver;
  font-size: 12px;
}

/* 其他卡片内文字 */
details p {
  color: #e2d4ff;
}
details b {
  color: #f0d0ff;
  text-shadow: 0 0 2px #c080ff;
}

/* 时间地点高亮（非顶部状态栏保持原样） */
details:not(:first-of-type):not(:nth-of-type(2)) p:first-of-type {
  background: rgba(0,0,0,0.3);
  border-radius: 14px;
  padding: 4px 10px;
  font-family: monospace;
  letter-spacing: 0.5px;
}

/* 银饰小挂坠 */
details summary::after {
  content: ' 𖦹';
  font-size: 14px;
  margin-left: 6px;
  color: silver;
  opacity: 0.8;
}
details[open] summary::after {
  content: ' 𖦹✧';
  text-shadow: 0 0 5px white;
}

/* ========== 行动选项区域 - 统一黑体 ========== */
details:last-of-type,
details:last-of-type * {
  font-family: '黑体', 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
}

details:last-of-type summary {
  background: linear-gradient(90deg, #3a2555, #1f1433);
  border-color: #c0b0e0;
}

details:last-of-type p {
  font-family: '黑体', 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
  color: #f3eaff;
  margin: 10px 0;
  padding-left: 0;
  position: relative;
  font-size: 0.95rem;
  font-weight: normal;
}

details:last-of-type p::before {
  content: none !important;
}

details:last-of-type p,
details:last-of-type p *,
details:last-of-type span,
details:last-of-type strong,
details:last-of-type b,
details:last-of-type em {
  font-family: '黑体', 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
}

/* ========== 阿依隐藏切片 - 内心独白模糊遮挡效果 ========== */
details:nth-of-type(3) p:last-of-type {
  filter: blur(5px);
  cursor: pointer;
  transition: filter 0.2s ease;
  position: relative;
  outline: none;
}

details:nth-of-type(3) p:last-of-type::before {
  content: '🔒 点击揭示独白 🔒';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: silver;
  background: rgba(0,0,0,0.7);
  padding: 4px 10px;
  border-radius: 20px;
  white-space: nowrap;
  z-index: 10;
  pointer-events: none;
  opacity: 0.9;
  font-family: '黑体', sans-serif;
  letter-spacing: 1px;
  filter: blur(0);
}

details:nth-of-type(3) p:last-of-type:active {
  filter: blur(0);
}

details:nth-of-type(3) p:last-of-type:active::before {
  opacity: 0;
  transition: opacity 0.1s;
}

details:nth-of-type(3) p:last-of-type:focus {
  filter: blur(0);
}
details:nth-of-type(3) p:last-of-type:focus::before {
  opacity: 0;
}

/* 滚动条 */
.reply-container::-webkit-scrollbar {
  width: 6px;
  background: #1a0f2a;
}
.reply-container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, silver, #8e6bb3);
  border-radius: 10px;
}

.reply-container > *:first-child {
  margin-top: 0;
}