/**
 * 《出轨调查员》· Reply UI · v1.0-baker
 * 英伦侦探风 · Baker Street 卷宗 / 雾夜书房
 * 短码对齐主提示词：d/s/r/card/k/m/tip/p/th …
 * 粘贴到平台「内置 CSS」即可
 *
 * 色板：墨炭 #1a1612 · 胡桃木 #2c221c · 羊皮纸 #f3ecdf
 *       黄铜 #b8956c · 酒红风险 #8b1e2d · 雾青 #5a7a86
 */

img[src="/chat-star.png"],
img[src*="chat-star.png"] {
  display: none !important;
}

.mufy_ai_message_bubble {
  color: #2a241c !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px 0 !important;
  font-family: Georgia, "Noto Serif SC", "Songti SC", "Times New Roman", serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.mufy_ai_message_bubble::before,
.mufy_ai_message_bubble::after {
  display: none !important;
}

.mufy_ai_message_bubble details,
details {
  list-style: none !important;
}

.mufy_ai_message_bubble summary,
details > summary {
  list-style: none !important;
}

.mufy_ai_message_bubble details > summary::-webkit-details-marker,
details > summary::-webkit-details-marker {
  display: none !important;
}

/* ========== 思维链隐藏 ========== */
think,
.mufy_ai_message_bubble think {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

redacted_thinking,
.mufy_ai_message_bubble redacted_thinking {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.tkb,
redacted_thinking .tkb,
.mufy_ai_message_bubble redacted_thinking .tkb {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

redacted_thinking:not(:has(.tkb)),
.mufy_ai_message_bubble redacted_thinking:not(:has(.tkb)) {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ========== 悬停 tip ========== */
.tip,
div.tip,
.mufy_ai_message_bubble .tip {
  display: none !important;
  position: absolute !important;
  bottom: calc(100% + 8px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2147483646 !important;
  min-width: 140px !important;
  max-width: 260px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #f3ecdf !important;
  background: #1a1612 !important;
  border: 1px solid #b8956c !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 28px rgba(12, 10, 8, 0.55) !important;
  pointer-events: none !important;
  white-space: normal !important;
  text-align: left !important;
}

.tip b,
.mufy_ai_message_bubble .tip b {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #b8956c !important;
}

.tip em,
.mufy_ai_message_bubble .tip em {
  display: block !important;
  font-style: normal !important;
  font-size: 11px !important;
  color: #a89a88 !important;
}

.tip::after,
.mufy_ai_message_bubble .tip::after {
  content: "" !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border: 6px solid transparent !important;
  border-top-color: #b8956c !important;
}

.kpi:hover .tip,
.m:hover .tip,
.tg:hover .tip,
.si:hover .tip,
.mufy_ai_message_bubble .kpi:hover .tip,
.mufy_ai_message_bubble .m:hover .tip,
.mufy_ai_message_bubble .tg:hover .tip,
.mufy_ai_message_bubble .si:hover .tip {
  display: block !important;
}

.tg:not(:hover) .tip,
.mufy_ai_message_bubble .tg:not(:hover) .tip {
  display: none !important;
}

details.go .tg:hover .tip,
.mufy_ai_message_bubble details.go .tg:hover .tip {
  display: none !important;
}

.kpi:hover,
.m:hover,
.tg:hover,
.si:hover,
.mufy_ai_message_bubble .kpi:hover,
.mufy_ai_message_bubble .m:hover,
.mufy_ai_message_bubble .tg:hover,
.mufy_ai_message_bubble .si:hover {
  z-index: 50 !important;
}

/* ========== 暗探看板 d ========== */
.d,
div.d,
.mufy_ai_message_bubble .d {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background:
    linear-gradient(180deg, rgba(184, 149, 108, 0.07), transparent 42%),
    repeating-linear-gradient(
      0deg,
      #1a1612 0 1px,
      #17130f 1px 3px
    ) !important;
  border: 1px solid #3d3228 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow:
    0 0 0 1px rgba(184, 149, 108, 0.12) inset,
    0 14px 36px rgba(8, 6, 4, 0.5) !important;
  animation: ce-ink 0.45s ease-out both !important;
}

@keyframes ce-ink {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.dt,
div.dt,
.mufy_ai_message_bubble .dt {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 11px,
      rgba(184, 149, 108, 0.04) 11px,
      rgba(184, 149, 108, 0.04) 12px
    ),
    linear-gradient(90deg, #2c221c, #1f1914 55%, #2a211b) !important;
  border-bottom: 2px double #5c4a38 !important;
}

.db,
span.db,
.mufy_ai_message_bubble .db {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  color: #1a1612 !important;
  padding: 3px 8px !important;
  border: 1px solid #b8956c !important;
  border-radius: 0 !important;
  background: #b8956c !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

.di,
span.di,
.mufy_ai_message_bubble .di {
  flex: 1 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.32em !important;
  color: #f3ecdf !important;
  text-transform: uppercase !important;
}

.dr,
span.dr,
.mufy_ai_message_bubble .dr {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #f3ecdf !important;
  background: #3d3228 !important;
  padding: 3px 10px !important;
  border: 1px solid #5c4a38 !important;
  border-radius: 0 !important;
  letter-spacing: 0.12em !important;
}

.dr[data-lv="安全"],
.mufy_ai_message_bubble .dr[data-lv="安全"] {
  color: #1a1612 !important;
  background: #8fa89a !important;
  border-color: #6f8a7c !important;
}

.dr[data-lv="微疑"],
.mufy_ai_message_bubble .dr[data-lv="微疑"] {
  color: #1a1612 !important;
  background: #c4a574 !important;
  border-color: #a88858 !important;
}

.dr[data-lv="警觉"],
.mufy_ai_message_bubble .dr[data-lv="警觉"] {
  color: #f3ecdf !important;
  background: #8a5a2b !important;
  border-color: #b8956c !important;
}

.dr[data-lv="戒备"],
.dr[data-lv="危险"],
.mufy_ai_message_bubble .dr[data-lv="戒备"],
.mufy_ai_message_bubble .dr[data-lv="危险"] {
  color: #f3ecdf !important;
  background: #8b1e2d !important;
  border-color: #c44a55 !important;
  box-shadow: 0 0 0 1px rgba(139, 30, 45, 0.35) !important;
}

.dr[data-lv="暴露"],
.mufy_ai_message_bubble .dr[data-lv="暴露"] {
  color: #fff !important;
  background: #5c0f18 !important;
  border-color: #8b1e2d !important;
  animation: ce-pulse 1.2s ease-in-out infinite !important;
}

@keyframes ce-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.72;
  }
}

.dx,
div.dx,
.mufy_ai_message_bubble .dx {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 10px 12px 8px !important;
}

.c,
span.c,
.mufy_ai_message_bubble .c {
  display: inline-flex !important;
  min-width: 0 !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 5px 8px !important;
  font-size: 12px !important;
  color: #d4c8b4 !important;
  background: rgba(243, 236, 223, 0.04) !important;
  border: 1px solid #3d3228 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.c i,
.mufy_ai_message_bubble .c i {
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #b8956c !important;
  letter-spacing: 0.08em !important;
  flex-shrink: 0 !important;
}

.c.w,
.mufy_ai_message_bubble .c.w {
  flex: 1 1 0 !important;
}

.dk,
div.dk,
.mufy_ai_message_bubble .dk {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: 6px 12px 10px !important;
  background: #5c4a38 !important;
  border: 1px solid #5c4a38 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.kpi,
div.kpi,
.mufy_ai_message_bubble .kpi {
  position: relative !important;
  padding: 10px 6px !important;
  text-align: center !important;
  background: #1f1914 !important;
  cursor: default !important;
}

.kpi i,
.mufy_ai_message_bubble .kpi i {
  display: block !important;
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #8a7c6a !important;
  letter-spacing: 0.16em !important;
  margin-bottom: 4px !important;
}

.kpi b,
.mufy_ai_message_bubble .kpi b {
  display: block !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #f3ecdf !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.2 !important;
}

.kpi em,
.mufy_ai_message_bubble .kpi em {
  display: block !important;
  margin-top: 2px !important;
  font-style: normal !important;
  font-size: 10px !important;
  color: #b8956c !important;
}

.dl,
div.dl,
.mufy_ai_message_bubble .dl {
  margin: 0 12px 8px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #d4c8b4 !important;
  background: rgba(90, 122, 134, 0.08) !important;
  border-left: 2px solid #b8956c !important;
}

.dl b,
.mufy_ai_message_bubble .dl b {
  display: inline-block !important;
  min-width: 2.2em !important;
  margin-right: 8px !important;
  color: #5a7a86 !important;
  font-size: 11px !important;
}

.dl:last-child,
.mufy_ai_message_bubble .dl:last-child {
  margin-bottom: 12px !important;
}

/* ========== 正文 · 卷宗纸 ========== */
.s,
div.s,
.mufy_ai_message_bubble .s {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 20px 22px 18px 24px !important;
  background:
    linear-gradient(180deg, rgba(184, 149, 108, 0.06), transparent 28%),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 27px,
      rgba(60, 48, 36, 0.06) 27px,
      rgba(60, 48, 36, 0.06) 28px
    ),
    linear-gradient(180deg, #f7f1e6, #efe6d6) !important;
  border: 1px solid #c9b99a !important;
  border-left: 3px solid #8b1e2d !important;
  border-radius: 0 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.4) inset,
    0 4px 18px rgba(40, 30, 20, 0.12) !important;
  animation: ce-ink 0.55s 0.06s ease-out both !important;
}

.s p,
.mufy_ai_message_bubble .s p {
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.92 !important;
  color: #2a241c !important;
  text-indent: 2em !important;
}

.s p:last-child,
.mufy_ai_message_bubble .s p:last-child {
  margin-bottom: 0 !important;
}

.s em,
.mufy_ai_message_bubble .s em {
  font-style: italic !important;
  color: #5a4a3a !important;
}

/* ========== 底栏架 ========== */
.r,
div.r,
.mufy_ai_message_bubble .r {
  display: block !important;
}

/* ========== 折叠卡 · 卷宗夹 ========== */
/* 勿给 details 挂入场 animation：开关 [open] 会重播并闪一下 */
details.card,
.mufy_ai_message_bubble details.card {
  margin: 0 0 10px !important;
  border: 1px solid #5c4a38 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background:
    linear-gradient(180deg, rgba(184, 149, 108, 0.05), transparent 28%),
    #1f1914 !important;
  box-shadow:
    0 0 0 1px rgba(18, 16, 14, 0.85),
    0 8px 22px rgba(8, 6, 4, 0.4),
    inset 0 1px 0 rgba(212, 176, 122, 0.06) !important;
  animation: none !important;
}

.h,
summary.h,
.mufy_ai_message_bubble summary.h {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #f3ecdf !important;
  cursor: pointer !important;
  background:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 11px,
      rgba(184, 149, 108, 0.035) 11px,
      rgba(184, 149, 108, 0.035) 12px
    ),
    linear-gradient(90deg, #2c221c, #1f1914) !important;
  border-bottom: 1px solid transparent !important;
  user-select: none !important;
}

details.card[open] > .h,
.mufy_ai_message_bubble details.card[open] > .h {
  border-bottom-color: #5c4a38 !important;
}

.hi,
span.hi,
i.hi,
.mufy_ai_message_bubble .hi {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 22px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #1a1612 !important;
  background: #b8956c !important;
  border-radius: 0 !important;
  letter-spacing: 0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

.b,
div.b,
.mufy_ai_message_bubble .b {
  padding: 12px 14px 14px !important;
  overflow: visible !important;
}

.bp,
div.bp,
.mufy_ai_message_bubble .bp {
  padding: 16px 12px 18px !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(184, 149, 108, 0.08), transparent 55%),
    #17130f !important;
}

/* ========== 身份行 / 徽章 ========== */
.id,
div.id,
.mufy_ai_message_bubble .id {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
}

.nm,
span.nm,
.mufy_ai_message_bubble .nm {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #f3ecdf !important;
  letter-spacing: 0.06em !important;
}

.ba,
span.ba,
.mufy_ai_message_bubble .ba {
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #b8956c !important;
  padding: 2px 8px !important;
  border: 1px solid rgba(184, 149, 108, 0.4) !important;
  border-radius: 0 !important;
  background: rgba(184, 149, 108, 0.1) !important;
}

/* ========== 进度条 ========== */
.ms,
div.ms,
.mufy_ai_message_bubble .ms {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
}

.m,
div.m,
.mufy_ai_message_bubble .m {
  position: relative !important;
  height: 18px !important;
  background: #12100e !important;
  border: 1px solid #3d3228 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  cursor: default !important;
}

.f,
div.f,
.mufy_ai_message_bubble .f {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  max-width: 100% !important;
  background: linear-gradient(90deg, #6b5338, #b8956c) !important;
  border-radius: 0 !important;
  opacity: 0.9 !important;
}

.md .f,
.mufy_ai_message_bubble .md .f {
  background: linear-gradient(90deg, #5c0f18, #8b1e2d) !important;
}

.mg .f,
.mufy_ai_message_bubble .mg .f {
  background: linear-gradient(90deg, #8a6a38, #d4b07a) !important;
}

.mc .f,
.mufy_ai_message_bubble .mc .f {
  background: linear-gradient(90deg, #3a5560, #5a7a86) !important;
}

.mt,
div.mt,
.mufy_ai_message_bubble .mt {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 8px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #f3ecdf !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.sp,
b.sp,
.mufy_ai_message_bubble .sp,
.mufy_ai_message_bubble b.sp {
  color: #d4b07a !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* ========== 技能栏（嵌于 01 侦探档案） ========== */
.sb,
div.sb,
.mufy_ai_message_bubble .sb {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 2px 0 10px !important;
  padding: 8px !important;
  background: linear-gradient(180deg, rgba(26, 22, 18, 0.55), rgba(18, 15, 12, 0.35)) !important;
  border: 1px solid rgba(184, 149, 108, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(243, 236, 223, 0.04) !important;
}

.si,
span.si,
.mufy_ai_message_bubble .si {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  min-width: 0 !important;
  background: rgba(243, 236, 223, 0.03) !important;
  border: 1px solid rgba(74, 62, 50, 0.9) !important;
  cursor: default !important;
}

.si > i,
span.si > i,
.mufy_ai_message_bubble .si > i {
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #9a8770 !important;
}

.si > b,
span.si > b,
.mufy_ai_message_bubble .si > b {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #e8dfd0 !important;
  letter-spacing: 0.04em !important;
}

.tg.on,
.mufy_ai_message_bubble .tg.on {
  color: #1a1612 !important;
  background: #b8956c !important;
  border-color: #b8956c !important;
}

.tg.next,
.mufy_ai_message_bubble .tg.next {
  color: #f3ecdf !important;
  background: rgba(139, 30, 45, 0.25) !important;
  border-color: #8b1e2d !important;
  box-shadow: 0 0 0 1px rgba(139, 30, 45, 0.25) inset !important;
}

.tg.lock,
.mufy_ai_message_bubble .tg.lock {
  color: #6a5e50 !important;
  background: transparent !important;
  border-color: #3d3228 !important;
  opacity: 0.7 !important;
}

/* ========== 键值 / 标签 / 引语 ========== */
.k,
div.k,
.mufy_ai_message_bubble .k {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 6px 10px !important;
  margin: 0 0 7px !important;
  padding: 6px 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #d4c8b4 !important;
  border-bottom: 1px dashed rgba(184, 149, 108, 0.18) !important;
}

.k > b,
div.k > b,
.mufy_ai_message_bubble .k > b {
  flex: 0 0 auto !important;
  min-width: 3.6em !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0.08em !important;
  color: #b8956c !important;
}

.tg,
span.tg,
.mufy_ai_message_bubble .tg {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 4px 4px 0 !important;
  padding: 2px 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #e8dfd0 !important;
  background: rgba(243, 236, 223, 0.05) !important;
  border: 1px solid #4a3e32 !important;
  border-radius: 0 !important;
  cursor: default !important;
}

.tg.g,
.mufy_ai_message_bubble .tg.g {
  color: #d4b07a !important;
  border-color: rgba(184, 149, 108, 0.45) !important;
  background: rgba(184, 149, 108, 0.1) !important;
}

.tg.cy,
.mufy_ai_message_bubble .tg.cy {
  color: #8aadb8 !important;
  border-color: rgba(90, 122, 134, 0.45) !important;
  background: rgba(90, 122, 134, 0.12) !important;
}

.tg.r,
.mufy_ai_message_bubble .tg.r {
  color: #e0707a !important;
  border-color: rgba(139, 30, 45, 0.5) !important;
  background: rgba(139, 30, 45, 0.12) !important;
}

.tg.w,
.mufy_ai_message_bubble .tg.w {
  color: #c9899a !important;
  border-color: rgba(120, 50, 70, 0.45) !important;
  background: rgba(120, 50, 70, 0.12) !important;
}

.q,
div.q,
.mufy_ai_message_bubble .q {
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #cfc3b0 !important;
  font-style: italic !important;
  background: rgba(184, 149, 108, 0.06) !important;
  border-left: 3px solid #8b1e2d !important;
  border-radius: 0 !important;
}

/* ========== 子折叠 ========== */
details.u,
.mufy_ai_message_bubble details.u {
  margin: 0 0 8px !important;
  border: 1px solid #3d3228 !important;
  border-radius: 0 !important;
  background: #17130f !important;
  overflow: visible !important;
}

.uh,
summary.uh,
.mufy_ai_message_bubble summary.uh {
  display: flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: #b8956c !important;
  cursor: pointer !important;
  user-select: none !important;
  background: rgba(184, 149, 108, 0.05) !important;
}

.ub,
div.ub,
.mufy_ai_message_bubble .ub {
  padding: 8px 10px 10px !important;
}

.sec,
div.sec,
.mufy_ai_message_bubble .sec {
  margin: 8px 0 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #5a7a86 !important;
}

/* ========== 18+ ========== */
details.x,
.mufy_ai_message_bubble details.x {
  margin: 10px 0 0 !important;
  border: 1px solid rgba(139, 30, 45, 0.45) !important;
  border-radius: 0 !important;
  background: rgba(139, 30, 45, 0.06) !important;
}

.xh,
summary.xh,
.mufy_ai_message_bubble summary.xh {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #e0707a !important;
  cursor: pointer !important;
}

.xb,
span.xb,
.mufy_ai_message_bubble .xb {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #f3ecdf !important;
  background: #8b1e2d !important;
  padding: 1px 6px !important;
  border-radius: 0 !important;
}

.xd,
div.xd,
.mufy_ai_message_bubble .xd {
  padding: 4px 10px 10px !important;
}

/* ========== 记忆表 ========== */
.tb,
table.tb,
.mufy_ai_message_bubble table.tb {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 0 10px !important;
  font-size: 12px !important;
  color: #d4c8b4 !important;
}

.tb th,
.mufy_ai_message_bubble .tb th {
  padding: 6px 8px !important;
  text-align: left !important;
  font-weight: 700 !important;
  color: #b8956c !important;
  background: rgba(184, 149, 108, 0.08) !important;
  border: 1px solid #3d3228 !important;
}

.tb td,
.mufy_ai_message_bubble .tb td {
  padding: 6px 8px !important;
  vertical-align: top !important;
  border: 1px solid #2c241c !important;
  line-height: 1.5 !important;
}

.tb tr:nth-child(even) td,
.mufy_ai_message_bubble .tb tr:nth-child(even) td {
  background: rgba(243, 236, 223, 0.03) !important;
}

/* ========== 下一步 ========== */
.gob,
div.gob,
.mufy_ai_message_bubble .gob {
  padding-top: 4px !important;
}

.gob suggested_questions,
.mufy_ai_message_bubble .gob suggested_questions {
  display: block !important;
}

.gob suggested_questions p,
.mufy_ai_message_bubble .gob suggested_questions p {
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #f3ecdf !important;
  text-indent: 0 !important;
  background: rgba(184, 149, 108, 0.07) !important;
  border: 1px solid #3d3228 !important;
  border-left: 3px solid #b8956c !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}

.gob suggested_questions p:hover,
.mufy_ai_message_bubble .gob suggested_questions p:hover {
  background: rgba(184, 149, 108, 0.14) !important;
  border-color: #b8956c !important;
}

.gob suggested_questions p:last-child,
.mufy_ai_message_bubble .gob suggested_questions p:last-child {
  margin-bottom: 0 !important;
}

/* ========== 手机壳 · 微信 ========== */
.p,
div.p,
.mufy_ai_message_bubble .p {
  position: relative !important;
  display: block !important;
  max-width: 300px !important;
  margin: 0 auto !important;
  padding: 3px !important;
  background: linear-gradient(160deg, #3d3228, #1a1612) !important;
  border-radius: 28px !important;
  box-shadow:
    0 0 0 1px rgba(184, 149, 108, 0.2),
    0 14px 36px rgba(0, 0, 0, 0.45) !important;
  overflow: visible !important;
}

.p > .pi,
div.p > .pi,
.mufy_ai_message_bubble .p > .pi {
  position: absolute !important;
  top: 11px !important;
  left: 50% !important;
  z-index: 8 !important;
  width: 64px !important;
  height: 18px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  background: #0a0a0a !important;
  border-radius: 11px !important;
  pointer-events: none !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}

.ps,
div.ps,
.mufy_ai_message_bubble .ps {
  border-radius: 25px !important;
  background: #ededed !important;
  min-height: 420px !important;
  max-height: 520px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* 进入会话：整机不滚，只滚消息区 */
.ps:has(.to:checked),
.mufy_ai_message_bubble .ps:has(.to:checked) {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.ps:has(.to:checked) > .pb,
.mufy_ai_message_bubble .ps:has(.to:checked) > .pb {
  flex-shrink: 0 !important;
}

.ps:has(.to:checked) > .pn,
.mufy_ai_message_bubble .ps:has(.to:checked) > .pn {
  display: none !important;
}

.ps:has(.to:checked) > .wl,
.mufy_ai_message_bubble .ps:has(.to:checked) > .wl {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #ededed !important;
}

.ps:has(.to:checked) .th:has(.to:checked),
.mufy_ai_message_bubble .ps:has(.to:checked) .th:has(.to:checked) {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-bottom: 0 !important;
  background: #ededed !important;
}

.pb,
div.pb,
.mufy_ai_message_bubble .pb {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 22px 14px 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  background: #ededed !important;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.pt,
span.pt,
.mufy_ai_message_bubble .pt {
  font-variant-numeric: tabular-nums !important;
}

.pic,
span.pic,
.mufy_ai_message_bubble .pic {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 11px !important;
}

.net,
span.net,
.mufy_ai_message_bubble span.net {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.bars,
span.bars,
.mufy_ai_message_bubble span.bars {
  display: inline-flex !important;
  align-items: flex-end !important;
  gap: 1.5px !important;
  height: 10px !important;
}

.bars i,
.mufy_ai_message_bubble .bars i {
  display: block !important;
  width: 2.5px !important;
  background: #1a1a1a !important;
  border-radius: 1px !important;
}

.bars i:nth-child(1) {
  height: 3px !important;
}
.bars i:nth-child(2) {
  height: 5px !important;
}
.bars i:nth-child(3) {
  height: 7px !important;
}
.bars i:nth-child(4) {
  height: 9px !important;
}

.bat,
span.bat,
.mufy_ai_message_bubble span.bat {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  font-variant-numeric: tabular-nums !important;
}

.pn,
div.pn,
.mufy_ai_message_bubble .pn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 14px 10px !important;
  background: #ededed !important;
  border-bottom: 1px solid #d9d9d9 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.pnt,
span.pnt,
.mufy_ai_message_bubble .pnt {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.pns,
span.pns,
.mufy_ai_message_bubble .pns {
  font-size: 12px !important;
  color: #8e8e93 !important;
}

.ps:has(.to:checked) > .pnl,
.mufy_ai_message_bubble .ps:has(.to:checked) > .pnl {
  display: none !important;
}

.pe,
div.pe,
.mufy_ai_message_bubble .pe {
  padding: 48px 16px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #8e8e93 !important;
  background: #ededed !important;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.ps:has(.th) .pe,
.mufy_ai_message_bubble .ps:has(.th) .pe {
  display: none !important;
}

.wl,
div.wl,
.mufy_ai_message_bubble .wl {
  background: #fff !important;
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.th,
div.th,
.mufy_ai_message_bubble .th {
  display: block !important;
  border-bottom: 0.5px solid rgba(60, 60, 67, 0.12) !important;
  background: #fff !important;
}

.to,
input.to,
.mufy_ai_message_bubble input.to {
  display: none !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.fo,
label.fo,
.mufy_ai_message_bubble label.fo {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.fa,
span.fa,
.mufy_ai_message_bubble span.fa {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 12px 4px 12px 14px !important;
  box-sizing: border-box !important;
}

.av,
span.av,
.mufy_ai_message_bubble .av {
  flex-shrink: 0 !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #f3ecdf !important;
  background: linear-gradient(135deg, #8b1e2d, #b8956c) !important;
  border-radius: 4px !important;
}

.ma,
span.ma,
.mufy_ai_message_bubble span.ma {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.wxt,
span.wxt,
.mufy_ai_message_bubble span.wxt {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.wxt b,
.mufy_ai_message_bubble .wxt b {
  font-size: 14px !important;
  color: #111827 !important;
  font-weight: 600 !important;
}

.wxt em,
.mufy_ai_message_bubble .wxt em {
  font-style: normal !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  flex-shrink: 0 !important;
}

.wxm,
span.wxm,
.mufy_ai_message_bubble span.wxm {
  font-size: 12px !important;
  color: #6b7280 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.bad,
span.bad,
.mufy_ai_message_bubble span.bad {
  flex-shrink: 0 !important;
  min-width: 16px !important;
  padding: 1px 5px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background: #8b1e2d !important;
  border-radius: 2px !important;
  text-align: center !important;
}

.bad:empty,
.mufy_ai_message_bubble .bad:empty {
  display: none !important;
}

.bo,
div.bo,
.mufy_ai_message_bubble .bo {
  display: none !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 0 !important;
  background: #ededed !important;
  box-sizing: border-box !important;
}

.th:has(.to:not(:checked)) .bo,
.mufy_ai_message_bubble .th:has(.to:not(:checked)) .bo {
  display: none !important;
}

.th:has(.to:checked) .bo,
.mufy_ai_message_bubble .th:has(.to:checked) .bo {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.th:has(.to:checked) > .fo,
.mufy_ai_message_bubble .th:has(.to:checked) > .fo {
  display: none !important;
}

.wl:has(.to:checked) .th:not(:has(.to:checked)),
.mufy_ai_message_bubble .wl:has(.to:checked) .th:not(:has(.to:checked)) {
  display: none !important;
}

.bk,
label.bk,
.mufy_ai_message_bubble label.bk {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  background: rgba(247, 247, 247, 0.98) !important;
  border-bottom: 0.5px solid #d1d1d6 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.wh,
div.wh,
.mufy_ai_message_bubble .wh {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px 4px !important;
}

.bi,
span.bi,
.mufy_ai_message_bubble span.bi {
  font-size: 22px !important;
  line-height: 1 !important;
  color: #8b1e2d !important;
  font-weight: 500 !important;
  min-width: 18px !important;
}

.wn,
span.wn,
.mufy_ai_message_bubble span.wn {
  flex: 1 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #000 !important;
  text-align: center !important;
}

.wm,
span.wm,
.mufy_ai_message_bubble span.wm {
  font-size: 11px !important;
  color: #8e8e93 !important;
  min-width: 36px !important;
  text-align: right !important;
}

.bo .ws,
.bk .ws,
label.bk .ws,
.mufy_ai_message_bubble .bo .ws,
.mufy_ai_message_bubble .bk .ws,
.mufy_ai_message_bubble label.bk .ws {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 2px 16px 10px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #8e8e93 !important;
  text-align: center !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

.wt,
div.wt,
.mufy_ai_message_bubble .wt {
  display: block !important;
  margin: 12px 0 8px !important;
  text-align: center !important;
}

.wt span,
.mufy_ai_message_bubble .wt span {
  display: inline-block !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.18) !important;
  border-radius: 2px !important;
}

.ml,
div.ml,
.mufy_ai_message_bubble .ml {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  margin: 0 48px 10px 12px !important;
}

.ml > span,
.mufy_ai_message_bubble .ml > span {
  font-size: 11px !important;
  color: #888 !important;
  padding: 0 6px !important;
}

.ml > p,
.mufy_ai_message_bubble .ml > p {
  margin: 0 !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #111 !important;
  background: #fff !important;
  border-radius: 4px !important;
  text-indent: 0 !important;
  max-width: 100% !important;
  word-break: break-word !important;
}

.mr,
div.mr,
.mufy_ai_message_bubble .mr {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin: 0 12px 10px 48px !important;
}

.mr > p,
.mufy_ai_message_bubble .mr > p {
  margin: 0 !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #111 !important;
  background: #d4c4a8 !important;
  border-radius: 4px !important;
  text-indent: 0 !important;
  max-width: 100% !important;
  word-break: break-word !important;
}

.nr,
p.nr,
.mufy_ai_message_bubble p.nr {
  display: block !important;
  margin: 4px 16px 10px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  color: #6b7280 !important;
  text-align: center !important;
  text-indent: 0 !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border-radius: 2px !important;
}

/* ========== 响应式 ========== */
@media (max-width: 640px) {
  .dk,
  .mufy_ai_message_bubble .dk {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .c,
  .mufy_ai_message_bubble .c {
    white-space: normal !important;
  }

  .ms,
  .mufy_ai_message_bubble .ms {
    grid-template-columns: 1fr !important;
  }

  .sb,
  .mufy_ai_message_bubble .sb {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .p,
  .mufy_ai_message_bubble .p {
    max-width: 100% !important;
  }

  .s,
  .mufy_ai_message_bubble .s {
    padding: 14px 14px 14px 16px !important;
  }

  .s p,
  .mufy_ai_message_bubble .s p {
    font-size: 14px !important;
    text-indent: 1.5em !important;
  }

  .di,
  .mufy_ai_message_bubble .di {
    letter-spacing: 0.12em !important;
    font-size: 13px !important;
  }

  .m:active .tip,
  .kpi:active .tip,
  .tg:active .tip,
  .si:active .tip,
  .mufy_ai_message_bubble .m:active .tip,
  .mufy_ai_message_bubble .kpi:active .tip,
  .mufy_ai_message_bubble .tg:active .tip,
  .mufy_ai_message_bubble .si:active .tip {
    display: block !important;
  }
}

/**
 * 《出轨调查员》· 平台壳层 · rili版本 · v1.1-dossier
 * 点缀：档案柜页签 / 指纹底纹 / 封蜡+证物绳 —— 避开菱形徽与 BRIEF 角标套路
 *
 * 用法：先贴 内置CSS.css，再追加本文件
 * 配色：墨炭 #1a1612 · 胡桃 #2c221c · 黄铜 #b8956c · 酒红 #8b1e2d
 */

/* ========== 主区：指纹底纹 + 雾夜 ========== */
.w-full.h-full.relative.bg-background {
  background:
    radial-gradient(circle at 12% 18%, transparent 18px, rgba(184, 149, 108, 0.04) 19px, transparent 22px),
    radial-gradient(circle at 12% 18%, transparent 28px, rgba(184, 149, 108, 0.03) 29px, transparent 32px),
    radial-gradient(circle at 12% 18%, transparent 38px, rgba(184, 149, 108, 0.025) 39px, transparent 42px),
    radial-gradient(ellipse 55% 30% at 80% 100%, rgba(139, 30, 45, 0.07), transparent 55%),
    #12100e !important;
  color: #d4c8b4 !important;
}

/* ========== 顶栏 · 档案柜三页签 + 门牌 ========== */
header.flex.h-12.items-center,
header.flex.items-center.justify-between,
header.flex.h-12.items-center.justify-between {
  position: relative !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  background: linear-gradient(180deg, #2c221c, #1a1612 70%) !important;
  border-bottom: 1px solid #5c4a38 !important;
  box-shadow:
    0 1px 0 #8b1e2d,
    0 8px 24px rgba(8, 6, 4, 0.45) !important;
  font-family: Georgia, "Noto Serif SC", "Songti SC", "Times New Roman", serif !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* 三枚档案页签（重叠小矩形） */
header.flex.h-12.items-center::before,
header.flex.items-center.justify-between::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 34px !important;
  height: 14px !important;
  margin-right: 6px !important;
  background:
    linear-gradient(#b8956c, #b8956c) 0 2px / 12px 12px no-repeat,
    linear-gradient(#8b6a48, #8b6a48) 10px 0 / 12px 12px no-repeat,
    linear-gradient(#5c4a38, #5c4a38) 20px 4px / 12px 10px no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 0.95 !important;
}

/* 门牌号，非 CASE·EYE 字轨 */
header.flex.h-12.items-center::after,
header.flex.items-center.justify-between::after {
  content: "221B" !important;
  flex: 0 0 auto !important;
  margin-right: 10px !important;
  padding: 2px 7px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: #1a1612 !important;
  background: #b8956c !important;
  border: 1px solid #d4b07a !important;
  border-bottom-width: 3px !important;
  border-bottom-color: #8b1e2d !important;
  font-family: "IBM Plex Mono", ui-monospace, "Courier New", monospace !important;
}

.sticky.w-full.top-0.flex.items-center,
nav.sticky.top-0.w-full,
.sticky.top-0.w-full.z-50 {
  background: linear-gradient(180deg, #2c221c, #1a1612) !important;
  border-bottom: 1px solid #5c4a38 !important;
  box-shadow:
    0 1px 0 #8b1e2d,
    0 8px 24px rgba(8, 6, 4, 0.4) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

header.flex.h-12.items-center button,
header.flex.items-center.justify-between button,
header.flex.h-12.items-center a,
header.flex.items-center.justify-between a,
nav.sticky.top-0.w-full button,
.sticky.top-0.w-full.z-50 button {
  min-width: 36px !important;
  min-height: 34px !important;
  padding: 6px 8px !important;
  margin: 0 3px !important;
  border-radius: 0 !important;
  border: 1px solid #3d3228 !important;
  background: #17130f !important;
  color: #cfc3b0 !important;
  box-shadow: inset 0 1px 0 rgba(243, 236, 223, 0.04) !important;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease !important;
}

header.flex.h-12.items-center button:hover,
header.flex.items-center.justify-between button:hover,
header.flex.h-12.items-center a:hover,
header.flex.items-center.justify-between a:hover,
nav.sticky.top-0.w-full button:hover,
.sticky.top-0.w-full.z-50 button:hover {
  background: #2c221c !important;
  border-color: #b8956c !important;
  color: #f3ecdf !important;
}

header.flex.h-12.items-center button svg,
header.flex.items-center.justify-between button svg,
nav.sticky.top-0.w-full button svg,
.sticky.top-0.w-full.z-50 button svg {
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

/* ========== 气泡（rili Message 壳） ========== */
.is-user > div[class*="group-[.is-user]"],
.is-user [class*="group-[.is-user]:bg-secondary"],
.is-user [class*="group-[.is-user]:rounded-lg"],
.is-assistant > div[class*="group-[.is-assistant]"],
.is-assistant [class*="group-[.is-assistant]:bg-card"],
.is-assistant [class*="group-[.is-assistant]:rounded-lg"],
.is-assistant .border.border-muted {
  background: #1f1914 !important;
  background-color: #1f1914 !important;
  color: #f3ecdf !important;
  border: 1px solid #3d3228 !important;
  border-left: 3px solid #b8956c !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 22px rgba(8, 6, 4, 0.4) !important;
  font-family: Georgia, "Noto Serif SC", "Songti SC", "Times New Roman", serif !important;
  overflow: visible !important;
}

.is-assistant > div[class*="group-[.is-assistant]"],
.is-assistant [class*="group-[.is-assistant]:bg-card"],
.is-assistant [class*="group-[.is-assistant]:rounded-lg"],
.is-assistant .border.border-muted {
  border-left-color: #8b1e2d !important;
}

.group.scroll-mt-\[96px\].rounded-xl,
div.w-full.h-full.flex.group.rounded-xl {
  border-radius: 0 !important;
}

/* ========== 消息操作条 ========== */
div.bg-muted.rounded.flex,
.is-user ~ div .bg-muted.rounded.flex,
.is-assistant ~ div .bg-muted.rounded.flex,
div.flex.items-center.gap-1 .bg-muted.rounded.flex {
  background: #17130f !important;
  border: 1px solid #3d3228 !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(8, 6, 4, 0.35) !important;
  padding: 3px !important;
}

div.bg-muted.rounded.flex > button,
div.bg-muted.rounded.flex button {
  min-width: 30px !important;
  min-height: 28px !important;
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #a89a88 !important;
}

div.bg-muted.rounded.flex > button:hover,
div.bg-muted.rounded.flex button:hover,
div.bg-muted.rounded.flex button.hover\:bg-card\/80:hover {
  background: #2c221c !important;
  border-color: #b8956c !important;
  color: #f3ecdf !important;
}

div.bg-muted.rounded.flex button svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* ========== 底部输入台 #prompt-input ========== */
/* ========== 底部输入台 · 封蜡 + 证物绳标签 ========== */
#prompt-input {
  position: relative !important;
  background:
    linear-gradient(165deg, #2c221c 0%, #1a1612 45%, #12100e 100%) !important;
  border: 1px solid #3d3228 !important;
  border-radius: 0 !important;
  box-shadow:
    0 0 0 1px rgba(184, 149, 108, 0.12) inset,
    0 14px 36px rgba(8, 6, 4, 0.5) !important;
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif !important;
  overflow: visible !important;
  padding-top: 10px !important;
}

/* 左：封蜡章（纯图形） */
#prompt-input::before {
  content: "" !important;
  position: absolute !important;
  top: -11px !important;
  left: 16px !important;
  z-index: 3 !important;
  width: 22px !important;
  height: 22px !important;
  background: radial-gradient(circle at 35% 30%, #c44a55, #8b1e2d 55%, #5c0f18) !important;
  border: 1px solid #e0707a !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 3px #1a1612,
    0 3px 0 #5c0f18,
    0 5px 12px rgba(0, 0, 0, 0.4) !important;
  pointer-events: none !important;
}

/* 右：证物挂签（斜切三角绳头 + 标签） */
#prompt-input::after {
  content: "证物签" !important;
  position: absolute !important;
  top: -10px !important;
  right: 14px !important;
  z-index: 3 !important;
  padding: 2px 10px 2px 14px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: #1a1612 !important;
  background: #d4b07a !important;
  border: 1px solid #b8956c !important;
  border-left: 0 !important;
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%) !important;
  box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.25) !important;
  pointer-events: none !important;
  font-family: Georgia, "Noto Serif SC", serif !important;
}

#prompt-input [data-slot="input-group"] {
  background: #0e0c0a !important;
  border: 1px solid #2c241c !important;
  border-radius: 0 !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
}

#prompt-input [data-slot="input-group"]:focus-within {
  border-color: #b8956c !important;
  box-shadow:
    inset 0 2px 8px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(184, 149, 108, 0.25) !important;
}

#prompt-input-header {
  background: #17130f !important;
  color: #cfc3b0 !important;
  border-bottom: 1px dashed #3d3228 !important;
  padding: 10px !important;
  gap: 8px !important;
}

#prompt-input-header button {
  min-height: 30px !important;
  padding: 4px 11px !important;
  background: #1f1914 !important;
  color: #cfc3b0 !important;
  border: 1px solid #3d3228 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  font-family: "IBM Plex Mono", ui-monospace, "Courier New", monospace !important;
}

#prompt-input-header button:hover {
  background: #2c221c !important;
  border-color: #b8956c !important;
  color: #f3ecdf !important;
}

#prompt-input-header button svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

#prompt-input [data-slot="input-group-control"],
#prompt-input textarea {
  background: transparent !important;
  color: #f3ecdf !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  min-height: 68px !important;
}

#prompt-input textarea::placeholder {
  color: #6a5e50 !important;
  font-style: italic !important;
}

#prompt-input-footer {
  background: #17130f !important;
  border-top: 1px solid #3d3228 !important;
  padding: 10px 12px !important;
  gap: 8px !important;
}

#prompt-input-footer button {
  min-height: 30px !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  font-family: "IBM Plex Mono", ui-monospace, monospace !important;
}

#prompt-input-footer button:not([aria-label="发送"]) {
  background: #1f1914 !important;
  color: #a89a88 !important;
  border: 1px solid #3d3228 !important;
  padding: 4px 10px !important;
}

#prompt-input-footer button:not([aria-label="发送"]):hover {
  border-color: #5a7a86 !important;
  color: #8aadb8 !important;
  background: #1a2221 !important;
}

#prompt-input-footer button[aria-haspopup],
#prompt-input-footer button[data-state] {
  border-radius: 0 !important;
  border-color: #5c4a38 !important;
  color: #cfc3b0 !important;
  background: #1f1914 !important;
}

#prompt-input button[aria-label="发送"],
#prompt-input-footer button[aria-label="发送"] {
  min-width: 42px !important;
  min-height: 42px !important;
  background: #b8956c !important;
  color: #1a1612 !important;
  border: 1px solid #d4b07a !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(8, 6, 4, 0.4) !important;
  font-weight: 700 !important;
}

#prompt-input button[aria-label="发送"]:hover,
#prompt-input-footer button[aria-label="发送"]:hover {
  background: #d4b07a !important;
  border-color: #e0c48a !important;
}

#prompt-input button[aria-label="发送"] svg {
  color: #1a1612 !important;
  stroke: #1a1612 !important;
}

/* ========== 侧栏 ========== */
[data-sidebar="sidebar"],
.bg-sidebar {
  background: #17130f !important;
  border-color: #3d3228 !important;
  color: #cfc3b0 !important;
}
