css
/* ============================================
   帷幕之下 · 深红主题 v2 (全红底版)
   修改：所有页面/气泡/正文/状态栏/输入框背景统一深红
   ============================================ */
:root {
  --veil-bg-deep: #3a0a10;
  --veil-bg-mid: #4a0d18;
  --veil-bg-soft: #5a0e1c;
  --veil-blood: #8b0a1a;
  --veil-blood-bright: #c41e3a;
  --veil-crimson: #dc143c;
  --veil-gold: #d4a574;
  --veil-gold-bright: #e8c896;
  --veil-bone: #e8dcc4;
  --veil-ash: #a89888;
  --veil-shadow: rgba(0, 0, 0, 0.7);
  --veil-glow: rgba(196, 30, 58, 0.4);
  --veil-glow-soft: rgba(196, 30, 58, 0.18);
}
/* 〇、隐藏思维链 */
.markdown-body think,
.markdown-body > think,
.markdown-body p > think,
think {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.markdown-body > p:has(> think) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
.markdown-body details.think,
.markdown-body details.reasoning,
.markdown-body details[data-hidden="think"],
.markdown-body details[data-type="thinking"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* 一、全局背景 */
html, body,
#root, #app, [class*="layout"], [class*="Layout"],
[class*="page"], [class*="Page"],
[class*="container"]:not(.tooltip-container),
[class*="main"], [class*="Main"] {
  background: 
    radial-gradient(ellipse at 20% 0%, rgba(196, 30, 58, 0.32) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(139, 10, 26, 0.35) 0%, transparent 50%),
    linear-gradient(180deg, #5a0e1c 0%, #3a0a10 100%) !important;
  color: var(--veil-bone) !important;
}
body {
  font-family: "Noto Serif SC", "Source Han Serif SC", "思源宋体", "STKaiti", serif !important;
  position: relative !important;
}
body::before {
  content: "" !important;
  position: fixed !important;
  top: 0; left: 0; right: 0; bottom: 0 !important;
  background: 
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 2px,
      rgba(220, 20, 60, 0.02) 2px,
      rgba(220, 20, 60, 0.02) 4px
    ) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
/* 二、聊天界面 */
[class*="chat"], [class*="Chat"],
[class*="message-list"], [class*="MessageList"],
[class*="conversation"], [class*="Conversation"],
[class*="dialog"], [class*="Dialog"]:not([role="dialog"]) {
  background: transparent !important;
}
/* 三、消息气泡 */
[class*="message"]:not([class*="message-list"]),
[class*="Message"]:not([class*="MessageList"]),
[class*="bubble"], [class*="Bubble"],
[class*="msg-item"], [class*="msg-content"],
[class*="chat-item"] {
  background: linear-gradient(135deg, 
    rgba(90, 14, 28, 0.94) 0%, 
    rgba(74, 13, 24, 0.96) 50%,
    rgba(58, 13, 20, 0.98) 100%) !important;
  border: 1px solid rgba(196, 30, 58, 0.55) !important;
  border-radius: 10px !important;
  box-shadow: 
    0 6px 24px rgba(0, 0, 0, 0.55),
    0 0 32px rgba(196, 30, 58, 0.18),
    inset 0 1px 0 rgba(232, 200, 150, 0.18),
    inset 0 -1px 0 rgba(58, 10, 16, 0.6) !important;
  color: var(--veil-bone) !important;
  position: relative !important;
  backdrop-filter: blur(2px) !important;
}
[class*="message"]:not([class*="message-list"])::before,
[class*="Message"]:not([class*="MessageList"])::before,
[class*="bubble"]::before,
[class*="Bubble"]::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 12% !important;
  right: 12% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--veil-crimson), var(--veil-gold), var(--veil-crimson), transparent) !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
}
[class*="user"][class*="message"],
[class*="User"][class*="Message"],
[class*="message-user"], [class*="msg-user"] {
  background: linear-gradient(135deg,
    rgba(106, 16, 32, 0.96) 0%,
    rgba(90, 14, 28, 0.98) 100%) !important;
  border-color: rgba(220, 20, 60, 0.62) !important;
}
[class*="ai"][class*="message"], [class*="assistant"][class*="message"],
[class*="bot"][class*="message"], [class*="model"][class*="message"] {
  background: linear-gradient(135deg,
    rgba(74, 13, 24, 0.96) 0%,
    rgba(58, 13, 20, 0.99) 100%) !important;
  border-color: rgba(196, 30, 58, 0.55) !important;
}
/* 四、Markdown正文 */
.markdown-body {
  background: transparent !important;
  color: var(--veil-bone) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(58, 10, 16, 0.7) !important;
  font-family: "Noto Serif SC", "Source Han Serif SC", "思源宋体", serif !important;
}
.markdown-body p {
  color: var(--veil-bone) !important;
  margin: 0.85em 0 !important;
}
.markdown-body strong, .markdown-body b {
  color: var(--veil-crimson) !important;
  font-weight: 700 !important;
  text-shadow: 0 0 8px var(--veil-glow) !important;
}
.markdown-body em, .markdown-body i {
  color: var(--veil-gold) !important;
  font-style: italic !important;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3,
.markdown-body h4, .markdown-body h5, .markdown-body h6 {
  color: var(--veil-crimson) !important;
  border-bottom: 1px solid rgba(196, 30, 58, 0.35) !important;
  padding-bottom: 6px !important;
  text-shadow: 0 0 12px var(--veil-glow) !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  margin: 1em 0 0.6em !important;
}
.markdown-body a {
  color: var(--veil-gold) !important;
  border-bottom: 1px dashed rgba(212, 165, 116, 0.4) !important;
  text-decoration: none !important;
}
.markdown-body a:hover {
  color: var(--veil-gold-bright) !important;
  text-shadow: 0 0 8px rgba(232, 200, 150, 0.5) !important;
}
.markdown-body text {
  display: block !important;
  background: 
    linear-gradient(180deg, 
      rgba(90, 14, 28, 0.75) 0%, 
      rgba(58, 13, 20, 0.88) 100%) !important;
  border-left: 3px solid var(--veil-crimson) !important;
  border-right: 1px solid rgba(196, 30, 58, 0.3) !important;
  border-top: 1px solid rgba(196, 30, 58, 0.2) !important;
  border-bottom: 1px solid rgba(196, 30, 58, 0.2) !important;
  padding: 22px 26px !important;
  margin: 18px 0 !important;
  border-radius: 4px !important;
  font-size: 15.5px !important;
  line-height: 2 !important;
  color: #f0e4cc !important;
  box-shadow: 
    0 4px 16px rgba(58, 10, 16, 0.5),
    inset 4px 0 12px rgba(220, 20, 60, 0.14),
    inset 0 0 40px rgba(74, 13, 24, 0.4) !important;
  text-indent: 2em !important;
  position: relative !important;
}
.markdown-body text::before {
  content: "❦" !important;
  position: absolute !important;
  top: 8px !important;
  right: 14px !important;
  color: var(--veil-blood) !important;
  font-size: 14px !important;
  opacity: 0.6 !important;
}
/* 五、details 状态栏 */
.markdown-body details {
  background: 
    linear-gradient(135deg, 
      rgba(106, 16, 32, 0.96) 0%, 
      rgba(74, 13, 24, 0.99) 100%) !important;
  border: 1px solid var(--veil-crimson) !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin: 16px 0 !important;
  box-shadow: 
    0 6px 20px rgba(58, 10, 16, 0.6),
    0 0 28px rgba(196, 30, 58, 0.22),
    inset 0 1px 0 rgba(232, 200, 150, 0.25) !important;
  overflow: hidden !important;
  position: relative !important;
}
.markdown-body details::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, 
    transparent 0%, 
    var(--veil-crimson) 30%, 
    var(--veil-gold) 50%,
    var(--veil-crimson) 70%, 
    transparent 100%) !important;
  opacity: 0.75 !important;
  z-index: 2 !important;
}
.markdown-body details::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: -1px !important;
  width: 3px !important;
  height: 40px !important;
  transform: translateY(-50%) !important;
  background: linear-gradient(180deg, 
    transparent, 
    var(--veil-gold-bright), 
    transparent) !important;
  box-shadow: 0 0 12px var(--veil-glow) !important;
}
.markdown-body details summary {
  background: linear-gradient(180deg, 
    #8b0a1a 0%, 
    #6a1020 50%,
    #5a0e1c 100%) !important;
  color: var(--veil-gold) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  padding: 14px 22px !important;
  cursor: pointer !important;
  border-bottom: 1px solid rgba(232, 200, 150, 0.45) !important;
  text-shadow: 
    0 0 10px rgba(212, 165, 116, 0.5), 
    0 1px 2px rgba(58, 10, 16, 0.9) !important;
  list-style: none !important;
  position: relative !important;
  transition: all 0.35s ease !important;
  font-family: "Noto Serif SC", serif !important;
}
.markdown-body details summary:hover {
  background: linear-gradient(180deg, 
    #a01525 0%, 
    #7a1224 50%,
    #5a0e1c 100%) !important;
  color: var(--veil-gold-bright) !important;
  letter-spacing: 4px !important;
  text-shadow: 
    0 0 14px rgba(232, 200, 150, 0.7), 
    0 1px 2px rgba(58, 10, 16, 0.9) !important;
}
.markdown-body details summary::-webkit-details-marker { display: none !important; }
.markdown-body details summary::marker { display: none !important; }
.markdown-body details summary::after {
  content: "▼" !important;
  position: absolute !important;
  right: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
  color: var(--veil-gold-bright) !important;
  font-size: 11px !important;
  transition: transform 0.35s ease !important;
  text-shadow: 0 0 8px var(--veil-glow) !important;
}
.markdown-body details[open] summary::after {
  transform: translateY(-50%) rotate(0deg) !important;
}
.markdown-body details > *:not(summary) {
  padding: 14px 22px !important;
  color: var(--veil-bone) !important;
  background: 
    linear-gradient(180deg,
      rgba(74, 13, 24, 0.55) 0%,
      rgba(90, 14, 28, 0.35) 100%) !important;
}
.markdown-body details p {
  margin: 6px 0 !important;
  font-size: 14.5px !important;
  line-height: 1.95 !important;
  color: var(--veil-bone) !important;
}
.markdown-body details ul, .markdown-body details ol {
  margin: 8px 0 !important;
  padding-left: 24px !important;
}
.markdown-body details li {
  margin: 4px 0 !important;
  color: var(--veil-bone) !important;
  font-size: 14px !important;
}
.markdown-body details p:has(strong) strong,
.markdown-body details strong {
  color: var(--veil-gold-bright) !important;
  letter-spacing: 1px !important;
}
/* 六、表格 */
.markdown-body table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 14px 0 !important;
  background: rgba(74, 13, 24, 0.75) !important;
  border: 1px solid var(--veil-crimson) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 
    inset 0 0 20px rgba(58, 10, 16, 0.5),
    0 2px 8px rgba(58, 10, 16, 0.5) !important;
}
.markdown-body table th {
  background: linear-gradient(180deg, 
    #8b0a1a 0%, 
    #5a0e1c 100%) !important;
  color: var(--veil-gold) !important;
  font-weight: 700 !important;
  padding: 11px 14px !important;
  border-bottom: 2px solid var(--veil-gold-bright) !important;
  text-align: left !important;
  letter-spacing: 1.5px !important;
  text-shadow: 0 0 8px rgba(212, 165, 116, 0.4) !important;
}
.markdown-body table td {
  padding: 9px 14px !important;
  border-bottom: 1px solid rgba(220, 20, 60, 0.3) !important;
  color: var(--veil-bone) !important;
  font-size: 13.5px !important;
  background: rgba(90, 14, 28, 0.45) !important;
}
.markdown-body table tr:hover td {
  background: rgba(220, 20, 60, 0.18) !important;
  color: var(--veil-bone) !important;
}
.markdown-body table tr:last-child td {
  border-bottom: none !important;
}
/* 七、列表 */
.markdown-body ul, .markdown-body ol {
  padding-left: 24px !important;
  margin: 8px 0 !important;
}
.markdown-body li {
  color: var(--veil-bone) !important;
  margin: 6px 0 !important;
  line-height: 1.85 !important;
}
.markdown-body ul li::marker {
  color: var(--veil-gold-bright) !important;
}
.markdown-body ol li::marker {
  color: var(--veil-gold) !important;
  font-weight: 700 !important;
}
/* 八、引用块 */
.markdown-body blockquote {
  border-left: 4px solid var(--veil-gold) !important;
  background: rgba(220, 20, 60, 0.18) !important;
  color: var(--veil-bone) !important;
  padding: 10px 18px !important;
  margin: 12px 0 !important;
  font-style: italic !important;
  border-radius: 0 4px 4px 0 !important;
}
/* 九、行内代码 */
.markdown-body code:not([class^="language-"]) {
  background: rgba(220, 20, 60, 0.28) !important;
  color: var(--veil-gold-bright) !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(232, 200, 150, 0.35) !important;
  font-size: 13px !important;
  font-family: "JetBrains Mono", Consolas, monospace !important;
}
/* 十、分隔线 */
.markdown-body hr {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, 
    transparent, 
    var(--veil-crimson), 
    var(--veil-gold),
    var(--veil-crimson),
    transparent) !important;
  margin: 20px 0 !important;
  opacity: 0.7 !important;
}
/* 十一、代码块 */
.markdown-body pre {
  background: linear-gradient(135deg, #5a0e1c 0%, #3a0a10 100%) !important;
  border: 1px solid var(--veil-crimson) !important;
  border-radius: 6px !important;
  box-shadow: 
    0 4px 20px rgba(58, 10, 16, 0.65),
    0 0 30px rgba(196, 30, 58, 0.2) !important;
  margin: 14px 0 !important;
  overflow: hidden !important;
}
.markdown-body pre > div > div.flex.justify-between.h-8 {
  background: linear-gradient(180deg, #6a1020, #4a0d18) !important;
  border-bottom: 1px solid rgba(232, 200, 150, 0.4) !important;
}
.markdown-body pre > div > div.border-b {
  border-color: rgba(232, 200, 150, 0.4) !important;
}
.markdown-body pre > div > div.flex.justify-between > div:first-child {
  color: var(--veil-gold-bright) !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-shadow: 0 0 6px rgba(212, 165, 116, 0.4) !important;
}
.markdown-body pre > div > div[node] {
  background: #3a0a10 !important;
  color: var(--veil-bone) !important;
  padding: 14px 16px !important;
}
.markdown-body pre code[class^="language-"] {
  color: var(--veil-bone) !important;
  font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}
.markdown-body pre code[class^="language-"] > span {
  color: inherit !important;
}
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
  color: var(--veil-gold) !important;
}
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
  color: var(--veil-gold-bright) !important;
}
.markdown-body pre > code[node] {
  display: block !important;
  background: #3a0a10 !important;
  color: var(--veil-bone) !important;
  padding: 14px 16px !important;
  font-family: "JetBrains Mono", Consolas, monospace !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}
/* 十二、滚动条 */
::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}
::-webkit-scrollbar-track {
  background: #3a0a10 !important;
  border-left: 1px solid rgba(220, 20, 60, 0.25) !important;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--veil-blood), var(--veil-crimson)) !important;
  border-radius: 4px !important;
  border: 1px solid #5a0e1c !important;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--veil-crimson), var(--veil-blood-bright)) !important;
  box-shadow: 0 0 8px var(--veil-glow) !important;
}
/* 十三、输入框 */
textarea, input[type="text"], input[type="search"],
[contenteditable="true"] {
  background: rgba(74, 13, 24, 0.94) !important;
  color: var(--veil-bone) !important;
  border: 1px solid var(--veil-crimson) !important;
  border-radius: 6px !important;
  font-family: "Noto Serif SC", serif !important;
  box-shadow: 
    inset 0 2px 8px rgba(58, 10, 16, 0.5),
    0 0 0 1px rgba(58, 10, 16, 0.3) !important;
}
textarea:focus, input:focus, [contenteditable="true"]:focus {
  border-color: var(--veil-gold-bright) !important;
  box-shadow: 
    inset 0 2px 8px rgba(58, 10, 16, 0.5),
    0 0 16px var(--veil-glow) !important;
  outline: none !important;
}
textarea::placeholder, input::placeholder {
  color: rgba(232, 220, 196, 0.55) !important;
  font-style: italic !important;
}
/* 十四、按钮 */
button:not([data-tooltip-id^="copy-tooltip"]):not([class*="copy"]) {
  background: linear-gradient(180deg, #8b0a1a, #5a0e1c) !important;
  color: var(--veil-gold) !important;
  border: 1px solid var(--veil-gold) !important;
  border-radius: 4px !important;
  letter-spacing: 1px !important;
  transition: all 0.3s !important;
  font-family: "Noto Serif SC", serif !important;
}
button:not([data-tooltip-id^="copy-tooltip"]):not([class*="copy"]):hover {
  background: linear-gradient(180deg, #c41e3a, #8b0a1a) !important;
  color: var(--veil-bone) !important;
  box-shadow: 0 0 14px var(--veil-glow) !important;
  transform: translateY(-1px) !important;
}
button:not([data-tooltip-id^="copy-tooltip"]):not([class*="copy"]):active {
  transform: translateY(0) !important;
}
/* 十五、选中文字 */
::selection {
  background: var(--veil-gold) !important;
  color: #5a0e1c !important;
  text-shadow: 0 0 8px var(--veil-glow) !important;
}
/* 十六、强制修复层 */
body main,
body [role="main"],
body [data-testid*="chat"],
body [data-testid*="conversation"],
body [class*="chat"],
body [class*="Chat"],
body [class*="conversation"],
body [class*="Conversation"],
body [class*="message-list"],
body [class*="MessageList"] {
  background: transparent !important;
  color: var(--veil-bone) !important;
}
body [data-message-author-role],
body [data-testid*="conversation-turn"],
body [class*="message"]:not([class*="message-list"]):not([class*="MessageList"]):not([class*="input"]):not([class*="Input"]),
body [class*="Message"]:not([class*="MessageList"]):not([class*="Input"]),
body [class*="bubble"],
body [class*="Bubble"],
body [class*="msg-content"],
body [class*="chat-item"],
body [class*="ChatItem"] {
  background: linear-gradient(135deg, rgba(106, 16, 32, 0.95) 0%, rgba(90, 14, 28, 0.97) 52%, rgba(74, 13, 24, 0.99) 100%) !important;
  border: 1px solid rgba(220, 20, 60, 0.65) !important;
  border-radius: 12px !important;
  color: var(--veil-bone) !important;
  box-shadow: 0 8px 26px rgba(58, 10, 16, 0.55), 0 0 34px rgba(196, 30, 58, 0.22), inset 0 1px 0 rgba(232, 200, 150, 0.16), inset 0 -1px 0 rgba(58, 10, 16, 0.55) !important;
  backdrop-filter: blur(3px) !important;
  position: relative !important;
}
body [data-message-author-role="user"],
body [class*="user"][class*="message"],
body [class*="User"][class*="Message"],
body [class*="message-user"],
body [class*="msg-user"] {
  background: linear-gradient(135deg, rgba(139, 10, 26, 0.97) 0%, rgba(106, 16, 32, 0.98) 55%, rgba(90, 14, 28, 0.99) 100%) !important;
  border-color: rgba(220, 20, 60, 0.78) !important;
  box-shadow: 0 8px 28px rgba(58, 10, 16, 0.55), 0 0 34px rgba(220, 20, 60, 0.26), inset 0 1px 0 rgba(232, 200, 150, 0.2) !important;
}
body [data-message-author-role="assistant"],
body [class*="assistant"][class*="message"],
body [class*="ai"][class*="message"],
body [class*="bot"][class*="message"],
body [class*="model"][class*="message"] {
  background: linear-gradient(135deg, rgba(90, 14, 28, 0.97) 0%, rgba(74, 13, 24, 0.99) 58%, rgba(58, 13, 20, 1) 100%) !important;
  border-color: rgba(196, 30, 58, 0.6) !important;
}
.markdown-body,
.prose,
[class*="markdown"],
[class*="Markdown"] {
  background: transparent !important;
  color: var(--veil-bone) !important;
  font-family: "Noto Serif SC", "Source Han Serif SC", "思源宋体", "STKaiti", serif !important;
}
.markdown-body details,
.prose details,
[class*="markdown"] details,
[class*="Markdown"] details {
  background: linear-gradient(135deg, rgba(106, 16, 32, 0.98) 0%, rgba(74, 13, 24, 0.99) 62%, rgba(58, 13, 20, 1) 100%) !important;
  border: 1px solid rgba(220, 20, 60, 0.75) !important;
  border-radius: 10px !important;
  margin: 18px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--veil-bone) !important;
  box-shadow: 0 8px 28px rgba(58, 10, 16, 0.6), 0 0 34px rgba(196, 30, 58, 0.3), inset 0 1px 0 rgba(232, 200, 150, 0.16) !important;
  position: relative !important;
}
.markdown-body details > summary,
.prose details > summary,
[class*="markdown"] details > summary,
[class*="Markdown"] details > summary {
  display: block !important;
  background: linear-gradient(180deg, #a01525 0%, #7a1224 50%, #5a0e1c 100%) !important;
  color: var(--veil-gold-bright) !important;
  padding: 15px 46px 15px 22px !important;
  border-bottom: 1px solid rgba(232, 200, 150, 0.5) !important;
  cursor: pointer !important;
  list-style: none !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  text-shadow: 0 0 12px rgba(232, 200, 150, 0.5), 0 1px 2px rgba(58, 10, 16, 0.9) !important;
  position: relative !important;
}
.markdown-body details > summary::-webkit-details-marker,
.prose details > summary::-webkit-details-marker,
[class*="markdown"] details > summary::-webkit-details-marker,
[class*="Markdown"] details > summary::-webkit-details-marker {
  display: none !important;
}
.markdown-body details > summary::after,
.prose details > summary::after,
[class*="markdown"] details > summary::after,
[class*="Markdown"] details > summary::after {
  content: "▼" !important;
  position: absolute !important;
  right: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
  color: var(--veil-gold-bright) !important;
  font-size: 12px !important;
  transition: transform 0.3s ease !important;
  text-shadow: 0 0 10px var(--veil-glow) !important;
}
.markdown-body details[open] > summary::after,
.prose details[open] > summary::after,
[class*="markdown"] details[open] > summary::after,
[class*="Markdown"] details[open] > summary::after {
  transform: translateY(-50%) rotate(0deg) !important;
}
.markdown-body details > *:not(summary),
.prose details > *:not(summary),
[class*="markdown"] details > *:not(summary),
[class*="Markdown"] details > *:not(summary) {
  background: linear-gradient(180deg, rgba(74, 13, 24, 0.65) 0%, rgba(90, 14, 28, 0.4) 100%) !important;
  color: var(--veil-bone) !important;
  padding: 14px 22px !important;
}
body form:has(textarea) {
  background: linear-gradient(135deg, rgba(90, 14, 28, 0.96), rgba(58, 13, 20, 0.99)) !important;
  border: 1px solid rgba(220, 20, 60, 0.65) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(58, 10, 16, 0.6), 0 0 30px rgba(196, 30, 58, 0.22), inset 0 1px 0 rgba(232, 200, 150, 0.12) !important;
  padding: 8px !important;
}
body textarea,
body [contenteditable="true"],
body [role="textbox"],
body [class*="textarea"],
body [class*="Textarea"],
body [class*="input-area"],
body [class*="InputArea"],
body [class*="composer"],
body [class*="Composer"] {
  background: rgba(74, 13, 24, 0.94) !important;
  color: var(--veil-bone) !important;
  border: 1px solid rgba(220, 20, 60, 0.62) !important;
  border-radius: 8px !important;
  caret-color: var(--veil-gold-bright) !important;
  box-shadow: inset 0 2px 10px rgba(58, 10, 16, 0.5), 0 0 18px rgba(196, 30, 58, 0.2) !important;
  font-family: "Noto Serif SC", "Source Han Serif SC", "思源宋体", serif !important;
}
body textarea:focus,
body [contenteditable="true"]:focus,
body [role="textbox"]:focus {
  border-color: var(--veil-gold-bright) !important;
  box-shadow: inset 0 2px 10px rgba(58, 10, 16, 0.5), 0 0 22px rgba(232, 200, 150, 0.4) !important;
  outline: none !important;
}
body textarea::placeholder,
body input::placeholder {
  color: rgba(232, 220, 196, 0.55) !important;
}
/* 十七、终极覆盖层 */
:root {
  --veil-text-main: #fff0d2;
  --veil-text-soft: #f1dcc0;
  --veil-text-strong: #ffd493;
  --veil-panel-deep: rgba(58, 10, 16, 0.98);
  --veil-panel-mid: rgba(74, 13, 24, 0.96);
  --veil-panel-red: rgba(106, 16, 32, 0.96);
}
html,
body,
#root,
#app,
body main,
body [role="main"],
body [class*="layout"],
body [class*="Layout"],
body [class*="page"],
body [class*="Page"],
body [class*="main"],
body [class*="Main"],
body [class*="container"],
body [class*="Container"] {
  background-color: #5a0e1c !important;
  background-image:
    radial-gradient(ellipse at 18% 0%, rgba(220, 20, 60, 0.32) 0%, transparent 48%),
    radial-gradient(ellipse at 82% 100%, rgba(139, 10, 26, 0.36) 0%, transparent 52%),
    linear-gradient(180deg, #6a1020 0%, #3a0a10 100%) !important;
  color: var(--veil-text-main) !important;
}
body .bg-white,
body .bg-background,
body .bg-card,
body .bg-popover,
body .bg-muted,
body .bg-token-main-surface-primary,
body .bg-token-main-surface-secondary,
body .bg-token-sidebar-surface-primary,
body [class*="bg-white"],
body [class*="bg-background"],
body [class*="bg-card"],
body [class*="surface"],
body [class*="Surface"],
body [style*="background: white"],
body [style*="background-color: white"],
body [style*="background-color: rgb(255, 255, 255)"],
body [style*="background-color:#fff"],
body [style*="background-color: #fff"],
body [style*="background:#fff"],
body [style*="background: #fff"] {
  background-color: transparent !important;
  background-image: none !important;
  color: var(--veil-text-main) !important;
}
body [data-testid*="chat"],
body [data-testid*="conversation"],
body [data-testid*="message"],
body [class*="chat"],
body [class*="Chat"],
body [class*="conversation"],
body [class*="Conversation"],
body [class*="message-list"],
body [class*="MessageList"],
body [class*="messages"],
body [class*="Messages"] {
  background: transparent !important;
  color: var(--veil-text-main) !important;
}
body [data-message-author-role],
body [data-testid*="conversation-turn"],
body [data-testid*="message"],
body article,
body [class*="message"]:not([class*="message-list"]):not([class*="MessageList"]):not([class*="input"]):not([class*="Input"]),
body [class*="Message"]:not([class*="MessageList"]):not([class*="Input"]),
body [class*="bubble"],
body [class*="Bubble"],
body [class*="msg-item"],
body [class*="msg-content"],
body [class*="chat-item"],
body [class*="ChatItem"] {
  background:
    linear-gradient(135deg, rgba(106, 16, 32, 0.97) 0%, rgba(90, 14, 28, 0.99) 54%, rgba(74, 13, 24, 1) 100%) !important;
  background-color: #5a0e1c !important;
  border: 1px solid rgba(220, 20, 60, 0.65) !important;
  border-radius: 14px !important;
  color: var(--veil-text-main) !important;
  box-shadow:
    0 10px 32px rgba(58, 10, 16, 0.65),
    0 0 34px rgba(196, 30, 58, 0.28),
    inset 0 1px 0 rgba(232, 200, 150, 0.16),
    inset 0 -1px 0 rgba(58, 10, 16, 0.55) !important;
  backdrop-filter: blur(3px) !important;
  position: relative !important;
}
body [data-message-author-role="user"],
body [class*="user"][class*="message"],
body [class*="User"][class*="Message"],
body [class*="message-user"],
body [class*="msg-user"] {
  background:
    linear-gradient(135deg, rgba(139, 10, 26, 0.98) 0%, rgba(106, 16, 32, 0.98) 56%, rgba(90, 14, 28, 1) 100%) !important;
  background-color: #6a1020 !important;
  border-color: rgba(232, 200, 150, 0.6) !important;
  box-shadow:
    0 10px 32px rgba(58, 10, 16, 0.6),
    0 0 38px rgba(220, 20, 60, 0.34),
    inset 0 1px 0 rgba(232, 200, 150, 0.2) !important;
}
body [data-message-author-role="assistant"],
body [class*="assistant"][class*="message"],
body [class*="ai"][class*="message"],
body [class*="bot"][class*="message"],
body [class*="model"][class*="message"] {
  background:
    linear-gradient(135deg, rgba(90, 14, 28, 0.98) 0%, rgba(74, 13, 24, 1) 62%, rgba(58, 13, 20, 1) 100%) !important;
  background-color: #4a0d18 !important;
  border-color: rgba(196, 30, 58, 0.7) !important;
}
body [data-message-author-role] div:not(pre):not(code):not(table):not(thead):not(tbody):not(tr):not(th):not(td):not(details):not(summary),
body [data-message-author-role] section:not(pre):not(code):not(table):not(details):not(summary),
body [data-message-author-role] article:not(pre):not(code):not(table):not(details):not(summary),
body [data-testid*="conversation-turn"] div:not(pre):not(code):not(table):not(thead):not(tbody):not(tr):not(th):not(td):not(details):not(summary) {
  background-color: transparent !important;
  background-image: none !important;
}
.markdown-body,
.prose,
body [class*="markdown"],
body [class*="Markdown"],
body [class*="prose"],
body [class*="Prose"] {
  background:
    linear-gradient(180deg, rgba(90, 14, 28, 0.88) 0%, rgba(58, 13, 20, 0.94) 100%) !important;
  background-color: #4a0d18 !important;
  color: var(--veil-text-main) !important;
  border: 1px solid rgba(220, 20, 60, 0.4) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  font-family: "Noto Serif SC", "Source Han Serif SC", "思源宋体", "STKaiti", serif !important;
  font-size: 16.5px !important;
  line-height: 2 !important;
  letter-spacing: 0.65px !important;
  font-weight: 520 !important;
  text-shadow: 0 1px 3px rgba(58, 10, 16, 0.86), 0 0 10px rgba(196, 30, 58, 0.2) !important;
  box-shadow:
    inset 0 0 34px rgba(58, 10, 16, 0.4),
    0 4px 18px rgba(58, 10, 16, 0.4) !important;
}
.markdown-body p,
.markdown-body span,
.markdown-body li,
.markdown-body div,
.markdown-body section,
.prose p,
.prose span,
.prose li,
.prose div,
.prose section,
body [class*="markdown"] p,
body [class*="markdown"] span,
body [class*="markdown"] li,
body [class*="Markdown"] p,
body [class*="Markdown"] span,
body [class*="Markdown"] li {
  color: var(--veil-text-main) !important;
  background-color: transparent !important;
  font-weight: 520 !important;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6,
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  color: #ffd493 !important;
  background: linear-gradient(90deg, rgba(220, 20, 60, 0.28), transparent) !important;
  border-bottom: 1px solid rgba(232, 200, 150, 0.55) !important;
  padding: 8px 10px 8px 12px !important;
  border-radius: 6px 6px 0 0 !important;
  text-shadow: 0 0 14px rgba(220, 20, 60, 0.5), 0 1px 2px rgba(58, 10, 16, 0.9) !important;
  font-weight: 800 !important;
}
.markdown-body strong,
.markdown-body b,
.prose strong,
.prose b {
  color: #ffe0a0 !important;
  font-weight: 850 !important;
  text-shadow: 0 0 10px rgba(220, 20, 60, 0.6), 0 1px 2px rgba(58, 10, 16, 0.9) !important;
}
.markdown-body em,
.markdown-body i,
.prose em,
.prose i {
  color: var(--veil-text-strong) !important;
  font-weight: 650 !important;
  text-shadow: 0 0 8px rgba(232, 200, 150, 0.34) !important;
}
.markdown-body details,
.prose details,
body [class*="markdown"] details,
body [class*="Markdown"] details {
  background:
    linear-gradient(135deg, rgba(122, 18, 36, 0.99) 0%, rgba(90, 14, 28, 1) 58%, rgba(58, 13, 20, 1) 100%) !important;
  background-color: #6a1020 !important;
  border: 1px solid rgba(232, 200, 150, 0.5) !important;
  border-radius: 12px !important;
  color: var(--veil-text-main) !important;
  box-shadow:
    0 10px 30px rgba(58, 10, 16, 0.65),
    0 0 36px rgba(220, 20, 60, 0.35),
    inset 0 1px 0 rgba(232, 200, 150, 0.18) !important;
  overflow: hidden !important;
}
.markdown-body details > summary,
.prose details > summary,
body [class*="markdown"] details > summary,
body [class*="Markdown"] details > summary {
  background:
    linear-gradient(180deg, #a01525 0%, #7a1224 54%, #5a0e1c 100%) !important;
  background-color: #7a1224 !important;
  color: #ffd493 !important;
  border-bottom: 1px solid rgba(232, 200, 150, 0.65) !important;
  font-size: 16.5px !important;
  font-weight: 850 !important;
  letter-spacing: 3px !important;
  text-shadow: 0 0 14px rgba(232, 200, 150, 0.6), 0 1px 2px rgba(58, 10, 16, 0.95) !important;
}
.markdown-body details > *:not(summary),
.prose details > *:not(summary),
body [class*="markdown"] details > *:not(summary),
body [class*="Markdown"] details > *:not(summary) {
  background:
    linear-gradient(180deg, rgba(74, 13, 24, 0.92) 0%, rgba(90, 14, 28, 0.78) 100%) !important;
  background-color: #4a0d18 !important;
  color: var(--veil-text-main) !important;
}
.markdown-body pre,
.prose pre,
body [class*="markdown"] pre,
body [class*="Markdown"] pre {
  background: linear-gradient(135deg, #5a0e1c 0%, #3a0a10 100%) !important;
  background-color: #3a0a10 !important;
  color: #f4e6cc !important;
  border: 1px solid rgba(232, 200, 150, 0.55) !important;
}
.markdown-body code,
.prose code,
body [class*="markdown"] code,
body [class*="Markdown"] code {
  background-color: rgba(220, 20, 60, 0.3) !important;
  color: #ffd493 !important;
}
.markdown-body table,
.prose table,
body [class*="markdown"] table,
body [class*="Markdown"] table {
  background-color: #4a0d18 !important;
  color: var(--veil-text-main) !important;
}
body footer,
body form,
body [class*="composer"],
body [class*="Composer"],
body [class*="input-area"],
body [class*="InputArea"],
body [class*="prompt"],
body [class*="Prompt"] {
  background:
    linear-gradient(135deg, rgba(90, 14, 28, 0.98), rgba(58, 13, 20, 1)) !important;
  background-color: #4a0d18 !important;
  color: var(--veil-text-main) !important;
  border-color: rgba(220, 20, 60, 0.6) !important;
}
body textarea,
body input[type="text"],
body input[type="search"],
body [contenteditable="true"],
body [role="textbox"] {
  background-color: #4a0d18 !important;
  background-image: linear-gradient(180deg, rgba(90, 14, 28, 0.96), rgba(58, 13, 20, 0.98)) !important;
  color: var(--veil-text-main) !important;
  border: 1px solid rgba(232, 200, 150, 0.55) !important;
  caret-color: #ffd493 !important;
  font-size: 15.5px !important;
  font-weight: 520 !important;
}
body svg {
  color: currentColor !important;
}
body,
body p,
body span,
body div,
body li {
  color: var(--veil-text-main) !important;
}