/* ===== 魔法少女小圆风 · 正文Markdown美化 ===== */

/* —— 一级标题：宝石光辉 —— */
h1 {
  color: #fff5fb !important;
  background: linear-gradient(135deg, #5b2c87 0%, #c44b9c 50%, #ff8ec7 100%) !important;
  padding: 14px 20px !important;
  border-radius: 14px !important;
  border-left: 5px solid #ffd6ee !important;
  box-shadow: 0 4px 18px rgba(180,100,200,0.5), inset 0 1px 0 rgba(255,255,255,0.25) !important;
  text-shadow: 0 0 10px rgba(255,180,230,0.8), 0 1px 2px rgba(0,0,0,0.3) !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  position: relative !important;
}
h1::before {
  content: "✦ " !important;
  color: #ffd6ee !important;
  text-shadow: 0 0 8px #ff8ec7 !important;
}

/* —— 二级标题：契约符文 —— */
h2 {
  color: #6a3a8e !important;
  background: linear-gradient(90deg, rgba(255,217,236,0.6), rgba(245,230,255,0.3), transparent) !important;
  padding: 10px 16px !important;
  border-left: 4px solid #b85ca8 !important;
  border-radius: 0 10px 10px 0 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(180,120,200,0.2) !important;
}
h2::before {
  content: "❀ " !important;
  color: #c44b9c !important;
}

/* —— 三级标题：魔法纹路 —— */
h3 {
  color: #8a4ba8 !important;
  border-bottom: 2px dashed rgba(184,92,168,0.5) !important;
  padding-bottom: 4px !important;
  font-weight: 600 !important;
}
h3::before {
  content: "◈ " !important;
  color: #ff8ec7 !important;
}

/* —— 四五六级标题 —— */
h4 { color: #a05ec0 !important; font-weight: 600 !important; }
h4::before { content: "✧ " !important; color: #ff8ec7 !important; }
h5, h6 { color: #b070cc !important; font-weight: 600 !important; }

/* —— 段落与正文 —— */
p {
  line-height: 1.85 !important;
  color: inherit !important;
}

/* —— 加粗与斜体：魔力强调 —— */
strong, b {
  color: #c44b9c !important;
  text-shadow: 0 0 4px rgba(255,150,220,0.4) !important;
  font-weight: 700 !important;
}
em, i {
  color: #6b3fa0 !important;
  font-style: italic !important;
}

/* —— 引用块：内心独白结界 —— */
blockquote {
  background: linear-gradient(135deg, rgba(245,230,255,0.7), rgba(255,217,236,0.5)) !important;
  border-left: 4px solid #b85ca8 !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 12px 18px !important;
  margin: 14px 0 !important;
  color: #4a2870 !important;
  box-shadow: 0 2px 10px rgba(180,120,200,0.2), inset 2px 0 0 rgba(255,150,220,0.4) !important;
  position: relative !important;
  font-style: italic !important;
}
blockquote::before {
  content: "❝" !important;
  position: absolute !important;
  top: -2px !important;
  left: 8px !important;
  font-size: 22px !important;
  color: rgba(184,92,168,0.5) !important;
}

/* —— 行内代码：魔力符文 —— */
code {
  background: linear-gradient(135deg, #f5e6ff, #ffd9ec) !important;
  color: #6a3a8e !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(184,92,168,0.3) !important;
  font-family: "JetBrains Mono", "Fira Code", Consolas, monospace !important;
  font-size: 0.92em !important;
  box-shadow: 0 1px 3px rgba(180,120,200,0.2) !important;
}

/* —— 代码块：灵魂宝石面板 —— */
pre {
  background: linear-gradient(160deg, #2a1845 0%, #4a2870 50%, #5b2c87 100%) !important;
  border: 1px solid rgba(255,180,230,0.45) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  box-shadow: 0 4px 20px rgba(120,60,160,0.45), inset 0 1px 0 rgba(255,255,255,0.1), 0 0 30px rgba(180,100,200,0.25) !important;
  position: relative !important;
  overflow-x: auto !important;
}
pre::before {
  content: "💎 SOUL GEM" !important;
  position: absolute !important;
  top: 8px !important;
  right: 14px !important;
  font-size: 10px !important;
  color: rgba(255,200,240,0.6) !important;
  letter-spacing: 2px !important;
  font-weight: bold !important;
}
pre code {
  background: transparent !important;
  color: #fff5fb !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 0 2px rgba(255,180,230,0.3) !important;
  line-height: 1.75 !important;
}

/* —— details 折叠块：魔女结界 —— */
details {
  background: linear-gradient(135deg, rgba(245,230,255,0.5), rgba(255,217,236,0.3)) !important;
  border: 1px solid rgba(184,92,168,0.4) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin: 12px 0 !important;
  box-shadow: 0 2px 12px rgba(180,120,200,0.25) !important;
  transition: all 0.3s ease !important;
}
details[open] {
  background: linear-gradient(135deg, rgba(245,230,255,0.85), rgba(255,217,236,0.65)) !important;
  box-shadow: 0 4px 18px rgba(180,120,200,0.4), inset 0 0 20px rgba(255,200,240,0.3) !important;
}
details summary {
  color: #6a3a8e !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  padding: 4px 6px !important;
  list-style: none !important;
  position: relative !important;
  padding-left: 22px !important;
  transition: all 0.2s !important;
}
details summary::before {
  content: "✦" !important;
  position: absolute !important;
  left: 4px !important;
  color: #c44b9c !important;
  text-shadow: 0 0 6px rgba(255,150,220,0.7) !important;
  transition: transform 0.3s !important;
}
details[open] summary::before {
  transform: rotate(180deg) !important;
  color: #ff8ec7 !important;
}
details summary:hover {
  color: #c44b9c !important;
}

/* —— 列表：魔力符印 —— */
ul li::marker {
  color: #c44b9c !important;
}
ol li::marker {
  color: #b85ca8 !important;
  font-weight: bold !important;
}
ul, ol {
  padding-left: 26px !important;
  line-height: 1.85 !important;
}

/* —— 分割线：契约之线 —— */
hr {
  border: none !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #b85ca8, #ff8ec7, #b85ca8, transparent) !important;
  margin: 20px 0 !important;
  box-shadow: 0 0 8px rgba(255,150,220,0.5) !important;
}

/* —— 表格：契约卷轴 —— */
table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(180,120,200,0.35) !important;
  margin: 14px 0 !important;
  width: 100% !important;
}
thead {
  background: linear-gradient(135deg, #6b3fa0, #b85ca8) !important;
}
th {
  color: #ffffff !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
  text-shadow: 0 0 4px rgba(255,180,230,0.5) !important;
  border-bottom: 2px solid rgba(255,200,240,0.4) !important;
}
td {
  padding: 9px 14px !important;
  background: rgba(245,230,255,0.6) !important;
  color: #4a2870 !important;
  border-bottom: 1px solid rgba(184,92,168,0.2) !important;
}
tbody tr:nth-child(even) td {
  background: rgba(255,217,236,0.5) !important;
}
tbody tr:hover td {
  background: rgba(255,180,230,0.55) !important;
  color: #2a1845 !important;
}

/* —— 链接：契约符号 —— */
a {
  color: #c44b9c !important;
  text-decoration: none !important;
  border-bottom: 1px dashed rgba(196,75,156,0.5) !important;
  transition: all 0.25s !important;
}
a:hover {
  color: #ff8ec7 !important;
  border-bottom-color: #ff8ec7 !important;
  text-shadow: 0 0 6px rgba(255,150,220,0.6) !important;
}

/* —— 图片：魔力相框 —— */
img {
  border-radius: 10px !important;
  box-shadow: 0 3px 14px rgba(180,120,200,0.4) !important;
  border: 1px solid rgba(255,180,230,0.4) !important;
}