/* =============================================
   ⚜️霍格沃茨秘典⚜️ builtInCss · v6 可读性补刀
   2026-05-10 v6 — 童话色调保留 / 加深墨字 / strong-em 改深可读金 / summary 加重
   ---
   设计原则：
     · 主纸 = 鲜亮奶油（不再 amber muddy）
     · 旧金 = 闪亮 magic gold（带 shimmer 动效）
     · 蜡封 = 玫瑰红（不再朱砂沉）
     · 边线 = 软棕（不再死黑）
     · 圆角 6px（不再死板 2px）
     · 装饰：ge drop cap 描金 / huo ✦ 星点 / wo ❤ 玫瑰 / yi ❦ 旋花
   ---
   纸：    hsl(38,50%,94%)  鲜奶油
   纸亮：  hsl(38,50%,96%)
   summary背：transparent（与纸同）
   墨：    hsl(22,42%,15%)  软深墨棕
   主线：  hsl(28,38%,30%)  软棕墨褐
   旧金：  hsl(38,68%,42%)  闪亮魔法金 ✨
   玫瑰：  hsl(355,62%,55%) 蜡封玫瑰红
   ---
   字体链（.markdown-body 一处定义，全继承）：
   'Cormorant Garamond','EB Garamond','Source Han Serif SC',
   'Noto Serif SC','STSong','宋体',Georgia,serif
   ============================================= */

/* ===== §0 基础重置 ===== */
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none!important}

/* ===== §1 全局背景·羊皮纸 ===== */
body,#root,.h-screen{
  background:hsl(38,50%,94%)!important;
  color:hsl(22,42%,15%)!important;
}

/* ===== §2 顶部栏 ===== */
.sticky.w-full.top-0.flex.items-center{
  background:hsl(38,50%,97%)!important;
  border-bottom:1px solid hsl(32,38%,62%)!important;
}
#ai-model-selector .group.flex.items-center{color:hsl(22,42%,15%)!important}
#ai-model-selector .group.flex.items-center:hover{color:hsl(38,68%,42%)!important}
#ai-model-selector .truncate.text-\[13px\]{color:hsl(25,32%,26%)!important}
#ai-model-selector .shrink-0.flex.items-center svg{fill:hsl(28,26%,42%)!important}
#ai-model-selector .shrink-0.flex.items-center:hover svg{fill:hsl(38,68%,42%)!important}
#header-setting-button{color:hsl(28,26%,42%)!important}
#header-setting-button:hover{color:hsl(38,68%,42%)!important}

/* ===== §3 侧边栏 ===== */
.shadow-lg.border-r.border-gray-200{
  background:hsl(38,50%,97%)!important;
  border-color:hsl(32,38%,62%)!important;
}
.MuiList-root{background:transparent!important;color:hsl(22,42%,15%)!important}
.conversation-text{color:hsl(25,32%,26%)!important}

/* ===== §4 开场白区域 ===== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{
  background:hsl(40,55%,90%)!important;
  border-color:hsl(32,38%,62%)!important;
  color:hsl(22,42%,15%)!important;
}

/* ===== §5 聊天气泡 ===== */
.bg-gray-100\/90.relative.inline-block{
  background:hsl(38,50%,96%)!important;
  border:1px solid hsl(32,38%,62%)!important;
  border-radius:14px!important;
  padding:14px!important;
}
.bg-gray-100\/90.relative.inline-block:hover{
  box-shadow:0 0 6px hsla(40,65%,55%,0.2)!important;
}

/* ===== §6 Markdown 正文 — 字体链一处定义 + 羊皮纸纹 ===== */
.markdown-body{
  color:hsl(22,42%,15%)!important;
  line-height:1.78!important;
  font-size:1.3em!important;
  font-family:'Cormorant Garamond','EB Garamond','Source Han Serif SC','Noto Serif SC','STSong','宋体',Georgia,serif!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.13  0 0 0 0 0.07  0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;
}
.markdown-body h1,.markdown-body h2,.markdown-body h3{
  color:hsl(22,45%,13%)!important;
  border-bottom:1px solid hsl(32,38%,62%)!important;
  letter-spacing:0.02em!important;
  font-weight:700!important;
}
.markdown-body strong{color:hsl(35,58%,30%)!important}
.markdown-body em{color:hsl(38,68%,42%)!important}
.markdown-body a{color:hsl(38,68%,42%)!important;text-decoration:underline!important}

.markdown-body blockquote{
  border-left:3px solid hsl(38,68%,42%)!important;
  background:hsl(40,55%,90%)!important;
  color:hsl(38,62%,28%)!important;
  font-style:italic!important;
  padding:8px 16px!important;
  margin:14px 0!important;
  border-radius:0 4px 4px 0!important;
}

.markdown-body table{border-collapse:collapse!important;width:100%!important}
.markdown-body th{
  background:hsl(40,55%,90%)!important;
  color:hsl(22,42%,15%)!important;
  padding:6px 10px!important;
  border:1px solid hsl(28,38%,30%)!important;
  font-weight:700!important;
  text-align:left!important;
  letter-spacing:0.02em!important;
}
.markdown-body td{
  padding:6px 10px!important;
  border:1px solid hsl(32,38%,62%)!important;
  color:hsl(22,42%,15%)!important;
}
.markdown-body tr:nth-child(even) td{background:hsl(38,50%,96%)!important}

/* 代码块保留 monospace（唯一字体例外）*/
.markdown-body pre{
  background:hsl(38,50%,96%)!important;
  border:1px solid hsl(32,38%,62%)!important;
  border-left:3px solid hsl(38,68%,42%)!important;
  border-radius:4px!important;
  padding:1em 1.2em!important;
  overflow-x:auto!important;
  font-family:'Consolas','SF Mono',Menlo,Monaco,monospace!important;
}
.markdown-body pre code{background:transparent!important;color:hsl(22,42%,15%)!important;font-family:inherit!important}
.markdown-body :not(pre)>code{
  background:hsl(40,55%,90%)!important;
  color:hsl(38,62%,28%)!important;
  padding:0.15em 0.45em!important;
  border-radius:3px!important;
  font-family:'Consolas','SF Mono',Menlo,Monaco,monospace!important;
  font-size:0.92em!important;
}

.markdown-body ul,.markdown-body ol{color:hsl(22,42%,15%)!important}
.markdown-body li{margin:4px 0!important}
.markdown-body hr{
  border:none!important;
  border-top:1px solid hsl(32,38%,62%)!important;
  margin:16px 0!important;
}

/* ===== §7 加载动画 ===== */
.style_dot-flashing__8L91Q.style_text__zGhNq{display:none!important}
.flex.items-center.justify-center.w-6.h-5{position:relative!important}

/* ===== §8 底部输入区 ===== */
.bg-gradient-to-t{background:hsl(38,50%,94%)!important}
#ai-chat-input,#ai-chat-bottom-input{
  background:hsl(38,50%,96%)!important;
  color:hsl(22,42%,15%)!important;
  caret-color:hsl(38,68%,42%)!important;
}
#ai-chat-input::placeholder{color:hsl(28,26%,42%)!important;opacity:1!important}
#ai-chat-input::selection{background:hsl(40,55%,90%)!important;color:hsl(38,62%,28%)!important}
textarea.rc-textarea{
  background:hsl(38,50%,96%)!important;
  color:hsl(22,42%,15%)!important;
  border:1px solid hsl(32,38%,62%)!important;
}
#ai-send-button{
  background:hsl(38,68%,42%)!important;
  color:hsl(38,50%,96%)!important;
  border-radius:6px!important;
}
#ai-send-button:hover{background:hsl(38,68%,36%)!important}

/* ===== §9 快捷命令 ===== */
button[class*="shortcut"],
div[class*="shortcut"] button{
  background:hsl(40,55%,90%)!important;
  color:hsl(22,42%,15%)!important;
  border:1px solid hsl(32,38%,62%)!important;
  border-radius:4px!important;
  padding:4px 12px!important;
}
button[class*="shortcut"]:hover,
div[class*="shortcut"] button:hover{
  background:hsl(40,55%,90%)!important;
  border-color:hsl(38,68%,42%)!important;
  color:hsl(38,62%,28%)!important;
}

/* ===== §10 分割线 ===== */
.style_divider__mW0YX{background:hsl(32,38%,62%)!important}

/* ===== §11 分页 ===== */
.MuiPaginationItem-root{
  background:transparent!important;
  color:hsl(25,32%,26%)!important;
  border:1px solid hsl(32,38%,62%)!important;
}
.MuiPaginationItem-root.Mui-selected{
  background:hsl(38,68%,42%)!important;
  color:hsl(38,50%,96%)!important;
}
.MuiPaginationItem-root.Mui-disabled{opacity:0.5!important}
.MuiPaginationItem-icon{fill:hsl(28,26%,42%)!important}

/* ===== §12 MUI 通用 ===== */
.MuiButton-root,.MuiButton-contained,.MuiButton-outlined{
  border-radius:4px!important;
  transition:background 0.18s,border-color 0.18s!important;
}
.MuiIconButton-root{background:transparent!important}
.MuiIconButton-root:hover{background:hsl(35,38%,76%)!important}
.MuiDialog-paper,.MuiDrawer-paper{
  background:hsl(38,50%,96%)!important;
  color:hsl(22,42%,15%)!important;
}
.MuiBackdrop-root{background:rgba(28,18,8,0.45)!important}
.MuiDivider-root{background:hsl(32,38%,62%)!important}
.MuiOutlinedInput-root,.MuiOutlinedInput-notchedOutline{border-color:hsl(32,38%,62%)!important}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:hsl(38,68%,42%)!important}
button.MuiButton-containedPrimary{
  background:hsl(38,68%,42%)!important;
  color:hsl(38,50%,96%)!important;
}
button.MuiButton-containedPrimary:hover{background:hsl(38,68%,36%)!important}
button.MuiButton-outlinedPrimary{
  border-color:hsl(38,68%,42%)!important;
  color:hsl(38,68%,42%)!important;
}
button.MuiButton-outlinedPrimary:hover{background:hsl(40,55%,90%)!important}

/* ===== §13 评论区 ===== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
  background:hsl(38,50%,96%)!important;
  border-top:1px solid hsl(32,38%,62%)!important;
}
div.text-lg.font-bold{color:hsl(22,42%,15%)!important}
p.MuiTypography-body1.text-grey-600{color:hsl(25,32%,26%)!important}
span.MuiRating-iconEmpty svg{fill:hsl(28,26%,42%)!important}
span.MuiRating-iconFilled svg{fill:hsl(38,68%,42%)!important}
span.text-orange-500{color:hsl(38,68%,42%)!important}
div.flex.flex-col.border-gray-200{border-color:hsl(32,38%,62%)!important}
div.bg-gray-100.text-gray-500{
  background:hsl(40,55%,90%)!important;
  color:hsl(28,26%,42%)!important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{background:hsl(35,38%,76%)!important}
button.text-gray-400{color:hsl(28,26%,42%)!important}
button.text-gray-400:hover{color:hsl(38,68%,42%)!important}
span.cursor-pointer{color:hsl(25,32%,26%)!important}
span.cursor-pointer:hover{color:hsl(38,68%,42%)!important}
div.ml-8.border-l{border-left-color:hsl(32,38%,62%)!important}

/* ===== §14 滚动条 ===== */
::-webkit-scrollbar{width:8px!important;height:8px!important}
::-webkit-scrollbar-track{background:hsl(38,50%,97%)!important}
::-webkit-scrollbar-thumb{background:hsl(32,38%,62%)!important;border-radius:3px!important}
::-webkit-scrollbar-thumb:hover{background:hsl(38,68%,42%)!important}

/* ===== §15 选区与占位符 ===== */
::placeholder{color:hsl(28,26%,42%)!important;opacity:1!important}
::selection{background:hsl(40,55%,90%)!important;color:hsl(38,62%,28%)!important}

/* ============================================================
   §16-§22 状态栏 · 同纸异印
   ------------------------------------------------------------
   全部在同一张羊皮纸 hsl(38,50%,94%) 上
   只靠 边痕 / 字体姿态 / 印记 区分
   ============================================================ */

/* ===== §16 通用 details / summary 基底 ===== */
.markdown-body details{
  display:block!important;
  width:100%!important;
  background:hsl(38,50%,94%)!important;
  border:1px solid hsl(28,38%,30%)!important;
  border-radius:6px!important;
  margin:14px 0!important;
  overflow:hidden!important;
  position:relative!important;
  transition:border-color 0.2s,box-shadow 0.22s!important;
}
.markdown-body details[open]{
  border-color:hsl(28,38%,24%)!important;
  box-shadow:0 1px 4px hsla(28,30%,15%,0.10)!important;
}
.markdown-body details summary{
  background:transparent!important;
  color:hsl(22,48%,10%)!important;
  padding:11px 14px 11px 30px!important;
  display:block!important;
  position:relative!important;
  border-bottom:1.5px solid hsl(28,42%,24%)!important;
  cursor:pointer!important;
  font-weight:700!important;
  font-size:1.14em!important;
  letter-spacing:0.03em!important;
  list-style:none!important;
  user-select:none!important;
  transition:background 0.18s!important;
}
.markdown-body details summary::-webkit-details-marker{display:none!important}
.markdown-body details summary::before{
  content:'\25B8'!important;
  position:absolute!important;
  left:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:hsl(28,38%,24%)!important;
  font-size:0.78em!important;
  transition:transform 0.22s ease!important;
}
.markdown-body details[open] summary::before{transform:translateY(-50%) rotate(90deg)!important}
.markdown-body details summary:hover{background:hsla(25,30%,28%,0.08)!important}
.markdown-body details>*:not(summary){padding:12px 16px!important}

/* ============================================================
   §17 .huo 🌙 今日卷宗 — 公文首页
   边痕：左缘 4px 暗装订线
   字体姿态：summary small-caps + 字距 0.12em
   印记：无（靠装订线 + 大写字距已建立"公文"识别）
   ============================================================ */
.markdown-body details.huo{
  background:hsl(38,50%,94%)!important;
  border:1px solid hsl(28,38%,30%)!important;
  border-left:4px solid hsl(22,45%,13%)!important;
}
.markdown-body details.huo[open]{
  border-color:hsl(28,38%,24%)!important;
  border-left-color:hsl(22,48%,10%)!important;
}
.markdown-body details.huo summary{
  text-transform:uppercase!important;
  letter-spacing:0.14em!important;
  font-weight:700!important;
  font-size:0.96em!important;
  padding-left:34px!important;
}
.markdown-body details.huo summary::before{
  content:'\25AA'!important;
  font-size:0.7em!important;
  color:hsl(22,45%,13%)!important;
}
.markdown-body details.huo[open] summary::before{transform:translateY(-50%)!important}

/* ============================================================
   §18 .ge 📜 巫师档案 — 档案册
   边痕：双线（border + outline，2px gap）+ 顶部 illuminated 旧金线
   字体姿态：summary 加大 + 加重
   印记：无（双线 + 金线 + 大字号已建立"档案"识别）
   ============================================================ */
.markdown-body details.ge{
  background:hsl(38,50%,94%)!important;
  border:1px solid hsl(28,38%,24%)!important;
  outline:1px solid hsl(28,38%,24%)!important;
  outline-offset:3px!important;
  border-top:3px solid hsl(38,68%,42%)!important;
  margin:18px 4px!important;
}
.markdown-body details.ge[open]{
  border-color:hsl(22,45%,13%)!important;
  outline-color:hsl(22,45%,13%)!important;
  border-top-color:hsl(40,72%,40%)!important;
}
.markdown-body details.ge summary{
  border-bottom:double 3px hsl(28,38%,24%)!important;
  font-size:1.12em!important;
  font-weight:700!important;
  letter-spacing:0.04em!important;
  padding:12px 14px 12px 30px!important;
}
.markdown-body details.ge summary::before{
  content:'\26B6'!important;
  color:hsl(40,70%,38%)!important;
  font-size:0.95em!important;
}
.markdown-body details.ge[open] summary::before{transform:translateY(-50%)!important}

/* ============================================================
   §19 .wo 🔮 人物速写 — 手稿便笺
   边痕：左缘 2px 虚线（dashed）
   字体姿态：summary + 内容全 italic
   印记：右下角极淡墨晕（不饱和，单 radial-gradient）
   ============================================================ */
.markdown-body details.wo{
  background:hsl(38,50%,94%)!important;
  border:1px solid hsl(28,38%,30%)!important;
  border-left:2px dashed hsl(28,38%,24%)!important;
}
.markdown-body details.wo[open]{
  border-color:hsl(28,38%,24%)!important;
  border-left-color:hsl(22,45%,13%)!important;
}
.markdown-body details.wo summary{
  border-bottom:1px dashed hsl(28,38%,24%)!important;
  font-style:italic!important;
  letter-spacing:0.03em!important;
}
.markdown-body details.wo summary::before{
  content:'\2766'!important;
  color:hsl(28,38%,24%)!important;
  font-size:0.9em!important;
  font-style:normal!important;
}
.markdown-body details.wo>*:not(summary){
  font-style:italic!important;
  background:hsl(38,50%,94%)!important;
  background-image:radial-gradient(ellipse at 92% 88%,hsla(28,30%,15%,0.08) 0%,transparent 38%)!important;
}

/* ============================================================
   §20 .zi 🦉 预言家日报 — 印刷小报
   边痕：黑粗双线（border + outline 0 offset）
   字体姿态：summary 黑体 condensed ALL-CAPS
   印记：顶部假报头 "THE DAILY PROPHET · ⋄"（::before 占位的微缩报眉）
   纹理：全幅 SVG 网点
   ============================================================ */
.markdown-body details.zi{
  background:hsl(38,50%,95%)!important;
  border:2px solid hsl(22,48%,10%)!important;
  border-radius:0!important;
  outline:1px solid hsl(22,48%,10%)!important;
  outline-offset:-5px!important;
  margin:18px 0!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Ccircle cx='2' cy='2' r='0.4' fill='%23000' opacity='0.10'/%3E%3C/svg%3E")!important;
}
.markdown-body details.zi[open]{
  outline-color:hsl(22,48%,10%)!important;
}
.markdown-body details.zi summary{
  background:transparent!important;
  border-bottom:5px solid hsl(22,48%,10%)!important;
  color:hsl(22,48%,10%)!important;
  font-weight:900!important;
  font-size:1.18em!important;
  letter-spacing:0.10em!important;
  text-transform:uppercase!important;
  padding:26px 16px 14px 16px!important;
  position:relative!important;
}
.markdown-body details.zi summary::before{
  content:'THE DAILY PROPHET \00B7 \22C4'!important;
  position:absolute!important;
  top:7px!important;
  left:16px!important;
  right:16px!important;
  bottom:auto!important;
  font-size:0.5em!important;
  font-weight:700!important;
  letter-spacing:0.22em!important;
  color:hsl(28,34%,30%)!important;
  text-transform:uppercase!important;
  transform:none!important;
  border-bottom:1px solid hsl(28,34%,30%)!important;
  padding-bottom:4px!important;
}
.markdown-body details.zi[open] summary::before{transform:none!important}
.markdown-body details.zi summary::after{
  content:''!important;
  position:absolute!important;
  left:8px!important;right:8px!important;
  bottom:-9px!important;
  height:1px!important;
  background:hsl(22,48%,10%)!important;
}
.markdown-body details.zi summary:hover{background:hsla(25,30%,28%,0.10)!important}
.markdown-body details.zi>*:not(summary){
  background:hsl(38,50%,95%)!important;
  color:hsl(22,42%,15%)!important;
  padding:14px 18px!important;
}
.markdown-body details.zi strong{color:hsl(22,48%,10%)!important;letter-spacing:0.04em!important}
.markdown-body details.zi p{margin:8px 0!important;text-indent:1em!important}
.markdown-body details.zi p:first-child{text-indent:0!important}

/* ============================================================
   §21 .zhi ✉️ 猫头鹰邮箱 — 信件
   边痕：dashed 虚线（信封边）
   字体姿态：italic（手写感）
   印记：右上朱砂蜡封（保留，是 zhi 的 hero element）
   ============================================================ */
.markdown-body details.zhi{
  background:hsl(38,50%,94%)!important;
  border:1px dashed hsl(28,38%,24%)!important;
  box-shadow:inset 80px 60px 100px -90px hsla(28,30%,15%,0.08)!important;
  position:relative!important;
}
.markdown-body details.zhi[open]{
  border-style:solid!important;
  border-color:hsl(22,45%,13%)!important;
  box-shadow:inset 80px 60px 100px -90px hsla(28,30%,15%,0.10),0 1px 4px hsla(10,40%,30%,0.08)!important;
}
.markdown-body details.zhi summary{
  border-bottom:1px dashed hsl(28,38%,24%)!important;
  font-style:italic!important;
  letter-spacing:0.03em!important;
  padding-right:42px!important;
}
.markdown-body details.zhi summary::before{
  content:'\2709'!important;
  color:hsl(28,38%,24%)!important;
  font-size:0.92em!important;
  font-style:normal!important;
}
.markdown-body details.zhi summary::after{
  content:'\2764'!important;
  position:absolute!important;
  right:12px!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:20px!important;height:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle at 35% 30%,hsl(355,72%,68%) 0%,hsl(355,62%,55%) 70%,hsl(355,58%,40%) 100%)!important;
  color:hsl(38,50%,94%)!important;
  border-radius:50%!important;
  font-size:0.7em!important;
  box-shadow:0 1px 3px hsla(10,55%,15%,0.45),inset 0 1px 2px hsla(10,80%,75%,0.5)!important;
  animation:zhiSeal 3.6s ease-in-out infinite!important;
}
.markdown-body details.zhi[open] summary::after{
  transform:translateY(-50%) scale(1.04)!important;
}
.markdown-body details.zhi>*:not(summary){
  font-style:italic!important;
  background:hsl(38,50%,94%)!important;
}

/* ============================================================
   §22 .yi 🪶 各处呼唤 — 便笺草稿
   边痕：单线 + 微旋 -0.35deg（草稿"歪歪贴上去"感）
   字体姿态：italic
   印记：稀疏墨点（多重 radial-gradient）
   ============================================================ */
.markdown-body details.yi{
  background:hsl(38,50%,94%)!important;
  border:1px solid hsl(28,38%,30%)!important;
  transform:rotate(-0.4deg)!important;
  transform-origin:left center!important;
  margin:18px 0 18px 6px!important;
  background-image:radial-gradient(circle at 14% 20%,hsla(28,30%,15%,0.08) 0.5px,transparent 0.7px),radial-gradient(circle at 78% 65%,hsla(28,30%,15%,0.06) 0.6px,transparent 0.8px),radial-gradient(circle at 32% 78%,hsla(28,30%,15%,0.07) 0.5px,transparent 0.7px)!important;
  background-size:80px 80px,60px 60px,100px 100px!important;
}
.markdown-body details.yi[open]{
  border-color:hsl(28,38%,24%)!important;
}
.markdown-body details.yi summary{
  border-bottom:1px solid hsl(28,38%,30%)!important;
  font-style:italic!important;
  letter-spacing:0.04em!important;
}
.markdown-body details.yi summary::before{
  content:'\270E'!important;
  color:hsl(28,38%,24%)!important;
  font-size:1em!important;
  font-style:normal!important;
}
.markdown-body details.yi[open] summary::before{transform:translateY(-50%) rotate(0deg)!important}
.markdown-body details.yi>*:not(summary){
  font-style:italic!important;
  background:hsl(38,50%,94%)!important;
  background-image:radial-gradient(circle at 14% 22%,hsla(28,30%,15%,0.06) 0.5px,transparent 0.6px),radial-gradient(circle at 78% 70%,hsla(28,30%,15%,0.07) 0.6px,transparent 0.7px)!important;
  background-size:64px 64px,72px 72px!important;
}
.markdown-body details.yi ol li,
.markdown-body details.yi ul li{padding-left:0.4em!important}

/* ===== §23 keyframes — 仅保留蜡封微闪（zhi 的 hero element）===== */
@keyframes zhiSeal{
  0%,100%{box-shadow:0 1px 3px hsla(10,55%,15%,0.45),inset 0 1px 2px hsla(10,80%,75%,0.5)}
  50%{box-shadow:0 1px 6px hsla(10,55%,15%,0.55),0 0 8px hsla(10,75%,55%,0.35),inset 0 1px 2px hsla(10,80%,80%,0.65)}
}

/* ===== §24 媒体查询 (窄屏) ===== */
@media (max-width:640px){
  .markdown-body details summary{padding:9px 12px 9px 26px!important;font-size:0.98em!important}
  .markdown-body details.huo summary{padding-left:30px!important;letter-spacing:0.10em!important}
  .markdown-body details.zi summary{padding:24px 12px 12px 12px!important;font-size:1.08em!important;letter-spacing:0.06em!important}
  .markdown-body details.zi summary::before{font-size:0.46em!important;letter-spacing:0.16em!important;left:12px!important;right:12px!important}
  .markdown-body details.zhi summary::after{right:10px!important}
  .markdown-body details>*:not(summary){padding:10px 12px!important}
  .markdown-body details.zi>*:not(summary){padding:12px 14px!important}
  .markdown-body details.yi{transform:rotate(-0.25deg)!important;margin:14px 0 14px 4px!important}
  .markdown-body details.ge{margin:14px 2px!important}
}


/* ===== §25 v5 童话装饰增强 ===== */
/* ge drop cap：summary 首字母（emoji）放大描金 */
.markdown-body details.ge summary::first-letter{
  font-size:1.6em!important;
  color:hsl(40,72%,36%)!important;
  font-weight:900!important;
  margin-right:0.1em!important;
}
/* huo ✦ 星点 + shimmer 动效 */
.markdown-body details.huo summary::after{
  content:'\2726'!important;
  position:absolute!important;
  right:14px!important;top:50%!important;
  transform:translateY(-50%)!important;
  color:hsl(42,75%,46%)!important;
  font-size:0.95em!important;
  text-shadow:0 0 6px hsla(45,82%,72%,0.65)!important;
  animation:huoStarShimmer 3.6s ease-in-out infinite!important;
}
/* wo ❤ 玫瑰小心（NPC 速写带一点温度） */
.markdown-body details.wo summary::after{
  content:'\2767'!important;
  position:absolute!important;
  right:14px!important;top:50%!important;
  transform:translateY(-50%)!important;
  color:hsl(355,62%,62%)!important;
  font-size:0.92em!important;
  opacity:0.78!important;
}
/* yi ❦ 旋花（呼唤面板加点跳动） */
.markdown-body details.yi summary::after{
  content:'\2766'!important;
  position:absolute!important;
  right:14px!important;top:50%!important;
  transform:translateY(-50%) rotate(-8deg)!important;
  color:hsl(38,68%,42%)!important;
  font-size:0.95em!important;
  text-shadow:0 0 4px hsla(45,80%,72%,0.4)!important;
}
/* ge 顶部金线 shimmer（让档案册的金顶线有光泽）*/
.markdown-body details.ge[open]{
  animation:geGoldShimmer 5s ease-in-out infinite!important;
}
@keyframes huoStarShimmer{
  0%,100%{opacity:0.7;text-shadow:0 0 4px hsla(45,82%,72%,0.4)}
  50%{opacity:1;text-shadow:0 0 8px hsla(45,82%,78%,0.85),0 0 16px hsla(45,82%,75%,0.4)}
}
@keyframes geGoldShimmer{
  0%,100%{border-top-color:hsl(40,70%,38%)}
  50%{border-top-color:hsl(45,75%,48%)}
}
/* 把 details 整体细节柔化（圆角 + 边线 lighten）*/
.markdown-body details{
  border-color:hsl(28,38%,30%)!important;
}
.markdown-body details[open]{
  border-color:hsl(28,32%,32%)!important;
  box-shadow:0 2px 8px hsla(28,32%,18%,0.08)!important;
}

/* ===== §Z 动效降级兜底 ===== */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms!important;transition-duration:0.01ms!important}
  .markdown-body details.yi{transform:none!important}
}