/* === 全局主容器（深色直播间质感） === */
ai {
  display: block;
  max-width: 800px;
  margin: 20px auto;
  padding: 24px;
  background: #0d0d0d;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.8);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #ffffff;
  line-height: 1.7;
  box-sizing: border-box;
}

/* === 【核心】隐藏思维链 (details.cot) === */
ai details.cot {
  display: none !important;
}

/* === 顶部状态栏（直播中） === */
ai hd {
  display: flex;
  align-items: center;
  padding: 12px 18px;
  margin-bottom: 24px;
  background: #1a1a1a;
  border-left: 4px solid #fe2c55; /* 抖音红 */
  border-radius: 10px;
  font-weight: 600;
  font-size: 15px;
  color: #a1a1a1;
  letter-spacing: 0.5px;
  gap: 10px;
}
ai hd::before {
  content: "●";
  color: #fe2c55;
  font-size: 14px;
  animation: pulse-red 1.5s infinite;
}
@keyframes pulse-red { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }

/* === 正文与段落 === */
ai article {
  margin-bottom: 24px;
  padding: 0 4px;
}
ai article p {
  margin: 0 0 16px 0;
  text-indent: 2em;
  text-align: justify;
  color: #e0e0e0;
  line-height: 2;
}

/* === 弹幕系统 (dm) 抖音左倾式气泡 === */
ai dm {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  margin: 6px 0;
  background: #1c1c1e;
  border-radius: 8px;
  border-left: 4px solid #3a3a3c;
  color: #e0e0e0;
  font-size: 14.5px;
  word-break: break-all;
  transition: 0.2s;
}
/* 弹幕等级区分：1-5级，颜色从灰到金/红 */
ai dm[c="1"] { border-left-color: #52525b; }
ai dm[c="2"] { border-left-color: #3b82f6; } /* 蓝 */
ai dm[c="3"] { border-left-color: #8b5cf6; } /* 紫 */
ai dm[c="4"] { border-left-color: #f97316; } /* 橙 */
ai dm[c="5"] { border-left-color: #fe2c55; background: #2a1a1c; } /* 红 - 大佬 */
/* 弹幕ID（仿抖音弹幕的彩色ID） */
ai dm::before {
  content: attr(u) "：";
  font-weight: 700;
  color: #ffcc00; /* 抖音金 */
  margin-right: 6px;
  font-size: 0.95em;
}

/* === 打赏礼物系统 (gift) 流光金红特效 === */
ai gift {
  display: block;
  text-align: center;
  padding: 16px 20px;
  margin: 16px 0;
  background: linear-gradient(135deg, #fe2c55, #ffcc00, #fe2c55);
  background-size: 200% 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  font-weight: 900;
  font-size: 18px;
  color: #000000;
  box-shadow: 0 0 20px rgba(254, 44, 85, 0.3);
  animation: shimmer 2s infinite linear;
}
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
ai gift[tier="1"] { background: #333; color: #fff; box-shadow: none; animation: none; }
ai gift[tier="2"] { background: #3b82f6; color: #fff; box-shadow: 0 0 15px rgba(59, 130, 246, 0.3); animation: none; }
ai gift[tier="3"] { background: #8b5cf6; color: #fff; box-shadow: 0 0 15px rgba(139, 92, 246, 0.3); animation: none; }
ai gift[tier="4"] { background: #f97316; color: #fff; box-shadow: 0 0 15px rgba(249, 115, 22, 0.3); animation: none; }
ai gift[tier="5"] { background: linear-gradient(135deg, #fe2c55, #ffcc00); color: #000; box-shadow: 0 0 25px rgba(254, 44, 85, 0.5); animation: shimmer 1.5s infinite linear; }

/* === 折叠面板（主菜单）深色磨砂卡片 === */
ai details {
  background: #161616;
  border: 1px solid #2a2a2a;
  border-radius: 14px;
  padding: 14px 18px;
  margin-bottom: 14px;
  transition: all 0.2s ease;
}
ai details:hover { border-color: #fe2c55; }
ai details summary {
  cursor: pointer;
  font-weight: 700;
  font-size: 15px;
  color: #ffffff;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
}
ai details summary::-webkit-details-marker { display: none; }
ai details summary::after {
  content: "▼";
  font-size: 11px;
  color: #fe2c55;
  transition: transform 0.2s;
}
ai details[open] summary::after { transform: rotate(180deg); }
ai details[open] { border-color: #3a3a3c; }
ai details[open] summary { border-bottom: 1px solid #2a2a2a; margin-bottom: 14px; }

/* === 嵌套折叠面板 === */
ai details details {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 12px 16px;
  margin-top: 12px;
  margin-bottom: 12px;
  box-shadow: none;
}
ai details details summary { font-size: 14px; font-weight: 600; color: #a1a1a1; }
ai details details summary::after { font-size: 10px; color: #a1a1a1; }

/* === 【修复】兼容 p 和 pt 标签的区块 === */
ai details > p, ai details > pt {
  margin: 0 0 14px 0;
  padding: 12px 16px;
  border-radius: 10px;
  background: #1a1a1a;
  border: 1px solid #262626;
}
/* 用红/金边突出关键角色与资产区 */
ai p[t="基本"], ai pt[t="基本"] { border-left: 3px solid #fe2c55; background: #111; }
ai p[t="外貌"], ai pt[t="外貌"] { border-left: 3px solid #8b5cf6; }
ai p[t="性格"], ai pt[t="性格"] { border-left: 3px solid #10b981; }
ai p[t="经济"], ai pt[t="经济"] { border-left: 3px solid #ffcc00; }
ai p[t="目标"], ai pt[t="目标"] { border-left: 3px solid #3b82f6; }
ai p[t="账号"], ai pt[t="账号"] { border-bottom: 1px solid #fe2c55; background: #111; }
ai p[t="资产"], ai pt[t="资产"] { background: #141414; border: 1px solid #ffcc00; box-shadow: 0 0 10px rgba(255, 204, 0, 0.05); }
ai p[t="今日"], ai pt[t="今日"] { background: #1a1a1a; }
ai p[t="间号"], ai pt[t="间号"] { border-left: 3px solid #10b981; background: #111; }
ai p[t="人物"], ai pt[t="人物"] { background: #1a1a1a; }
ai p[t="背景"], ai pt[t="背景"] { background: #1a1a1a; }
ai p[t="数值"], ai pt[t="数值"] { background: #111; border: 1px solid #2a2a2a; }

/* === 数据行 (d) 高对比标签 === */
ai d {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px dashed #262626;
  gap: 4px 10px;
}
ai d:last-child { border-bottom: none; }
ai d f {
  display: inline-block;
  min-width: 60px;
  background: #222222;
  border-radius: 4px;
  padding: 0 10px;
  font-weight: 500;
  color: #9ca3af;
  font-size: 13px;
  text-align: center;
}
ai d f::after { content: "："; color: #555; }
ai d v { font-weight: 600; color: #ffffff; }
ai d q { font-style: italic; color: #8b8b8b; padding-left: 8px; border-left: 1px solid #2a2a2a; }

/* === NPC 列表 (npc) === */
ai npc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #1a1a1a;
  border-radius: 10px;
  padding: 8px 14px;
  margin: 6px 0;
  gap: 4px 14px;
  border: 1px solid #262626;
  border-left: 3px solid #52525b;
}
ai npc f {
  font-weight: 700;
  color: #ffffff;
  min-width: 60px;
}
ai npc f::after { content: "："; color: #555; }
ai npc[lv="5"] f { color: #ffcc00; } /* 尊贵主播 */
ai npc[lv="4"] f { color: #f97316; }
ai npc d { border-bottom: none; padding: 2px 0; font-size: 14px; color: #d1d5db; }

/* === 进度条 (bar) 红金双色 === */
ai bar {
  display: block;
  position: relative;
  background: #2a2a2a;
  border-radius: 20px;
  padding: 8px 14px;
  margin: 6px 0;
  overflow: hidden;
  border: 1px solid #3a3a3c;
}
ai bar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; height: 100%;
  width: var(--p, 0%);
  background: linear-gradient(90deg, #fe2c55, #ffcc00);
  z-index: 1;
  border-radius: 20px;
  transition: width 0.4s ease;
}
/* 特殊颜色匹配 */
ai bar[v*="风控"]::before { background: linear-gradient(90deg, #ef4444, #f97316); }
ai bar[v*="依赖度"]::before { background: linear-gradient(90deg, #fe2c55, #ffcc00); }
ai bar > * { position: relative; z-index: 2; color: #ffffff; font-weight: 600; }

/* === 定制标签 (tag) 粉牌金边 === */
ai tag {
  display: inline-block;
  background: #2a1a1c;
  color: #ffcc00;
  padding: 2px 14px;
  border-radius: 16px;
  font-size: 0.8em;
  border: 1px solid #fe2c55;
  margin: 0 2px;
  font-weight: 600;
}

/* === 行动/推荐 (act) 直播间道具按钮 === */
ai act {
  display: block;
  padding: 8px 16px;
  margin: 6px 0;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-left: 4px solid #fe2c55;
  border-radius: 8px;
  cursor: pointer;
  color: #ffffff;
  font-weight: 500;
  transition: 0.2s;
}
ai act:hover { background: #2a1a1c; border-color: #fe2c55; box-shadow: 0 0 10px rgba(254, 44, 85, 0.1); }
ai act:last-child { border-left-color: #52525b; border-style: dashed; color: #9ca3af; } /* 自由行动 */

/* === 记忆区条目 (m) 红标提醒 === */
ai d m {
  display: block;
  margin: 4px 0;
  padding-left: 14px;
  border-left: 2px solid #fe2c55;
  color: #d1d5db;
}

/* === 隐藏秘密信息 (secret) === */
ai secret {
  color: #555;
  font-style: italic;
  background: #111;
  padding: 0 6px;
  border-radius: 4px;
}

/* === 响应式微调 === */
@media (max-width: 600px) {
  ai { padding: 16px 12px; margin: 12px; border-radius: 12px; }
  ai hd { font-size: 13px; padding: 10px 14px; }
  ai details { padding: 12px; border-radius: 10px; }
  ai dm { flex-wrap: wrap; padding: 6px 12px; }
}
/* ========== 直播神豪 · 黑金帝座（输入框黑色宋体版） ========== */

/* --- 顶部栏：暗黑玻璃 + 金线压顶 --- */
.sticky.w-full.top-0.flex.items-center {
  background: rgba(10, 10, 12, 0.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 2px 24px rgba(255, 200, 40, 0.12), inset 0 -1px 0 rgba(212, 175, 55, 0.4) !important;
  background-image: 
    linear-gradient(45deg, rgba(255, 215, 0, 0.03) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255, 215, 0, 0.03) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255, 215, 0, 0.03) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255, 215, 0, 0.03) 75%) !important;
  background-size: 20px 20px !important;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px !important;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
  background: rgba(20, 20, 25, 0.75) !important;
  border-radius: 24px !important;
  padding: 2px 14px !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.08) !important;
  transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  background: rgba(30, 30, 38, 0.95) !important;
  border-color: rgba(255, 215, 0, 0.6) !important;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.25) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #f5e6b8 !important;
  font-weight: 600 !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #d4af37 !important;
  transition: transform 0.2s ease !important;
}
#ai-model-selector .group:hover .shrink-0.flex.items-center svg {
  transform: rotate(180deg) !important;
  color: #ffd700 !important;
  filter: drop-shadow(0 0 6px #ffd700) !important;
}

/* 历史图标：金色时光 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #d4af37 !important;
  filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.8)) !important;
}
/* 未读角标：钻石白 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background-color: #ffffff !important;
  box-shadow: 0 0 10px #ffffff, 0 0 0 2px rgba(10, 10, 12, 0.9) !important;
}
/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  color: #c9a84c !important;
  border-radius: 50% !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: rgba(212, 175, 55, 0.12) !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.3) !important;
}
/* 设置按钮 */
#header-setting-button {
  color: #c9a84c !important;
  transition: all 0.2s ease !important;
}
#header-setting-button:hover {
  background: rgba(255, 215, 0, 0.1) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4) !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #c9a84c !important;
  filter: drop-shadow(0 0 3px #d4af37) !important;
}

/* --- 开场白选择器：钻石徽章 + 神豪边框 --- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"],
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
  background: rgba(22, 22, 28, 0.85) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-radius: 20px !important;
  padding: 0 10px !important;
  transition: all 0.3s ease !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: inset 0 0 8px rgba(212, 175, 55, 0.06) !important;
  position: relative !important;
  overflow: visible !important;
}
div.flex.items-center.h-9.cursor-pointer.group::after,
div.h-9.rounded-md.cursor-pointer.group::after {
  content: "💎" !important;
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-52%) !important;
  font-size: 14px !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 0 4px #ffffff) !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover,
div.h-9.rounded-md.cursor-pointer.group:hover {
  background: rgba(35, 35, 45, 0.95) !important;
  border-color: #ffd700 !important;
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.35), inset 0 0 10px rgba(212, 175, 55, 0.1) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #d4af37 !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #b5942e !important;
}

/* --- 按钮栏：纯金流光渐变 --- */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, #d4af37, #b8860b) !important;
  border: none !important;
  color: #0a0a0c !important;
  font-weight: 800 !important;
  border-radius: 22px !important;
  padding: 6px 20px !important;
  text-transform: none !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.5) !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0.5px !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, #ffd700, #daa520) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.7), 0 4px 16px rgba(0,0,0,0.7) !important;
  transform: translateY(-2px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: #0a0a0c !important;
  filter: drop-shadow(0 1px 2px rgba(255,255,255,0.3)) !important;
}

/* --- 底部栏：暗金深渊 + 飘浮金币 --- */
.bg-gradient-to-t {
  background: linear-gradient(to top, rgba(8, 8, 10, 0.98), rgba(15, 15, 20, 0.5), transparent) !important;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23d4af37' opacity='0.12'/%3E%3Ctext x='12' y='17' font-size='12' text-anchor='middle' fill='%23ffffff' opacity='0.3'%3E$%3C/text%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8' fill='%23b8860b' opacity='0.08'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: 10% 88%, 90% 35% !important;
  background-size: 36px 36px, 28px 28px !important;
}

/* 底部输入框容器：浅金色背景 */
#ai-chat-bottom-input {
  background: #fff8e7 !important;  /* 浅香槟金，凸显黑色字体 */
  border-radius: 28px !important;
  border: 1px solid #d4af37 !important;
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.2), inset 0 0 8px rgba(212, 175, 55, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  transition: all 0.3s ease !important;
}
#ai-chat-bottom-input:focus-within {
  background: #ffffff !important;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.4), inset 0 0 10px rgba(212, 175, 55, 0.15) !important;
  border-color: #ffd700 !important;
}

/* 底部输入框文字：黑色宋体 */
#ai-chat-input {
  color: #000000 !important;
  caret-color: #000000 !important;
  font-family: "SimSun", "宋体", "Songti SC", serif !important;
  font-size: 15px !important;
}
#ai-chat-input::placeholder {
  color: #999999 !important;
  opacity: 0.8 !important;
  font-family: "SimSun", "宋体", "Songti SC", serif !important;
}
#ai-chat-input::selection {
  background: rgba(212, 175, 55, 0.3) !important;
  color: #000000 !important;
}

/* --- 分页栏：金牌页码 --- */
.MuiPaginationItem-root {
  color: #c9a84c !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
.MuiPaginationItem-root:hover {
  background: rgba(212, 175, 55, 0.15) !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #d4af37, #b8860b) !important;
  border: none !important;
  color: #0a0a0c !important;
  font-weight: 800 !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.6) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  opacity: 0.3 !important;
}
.MuiPaginationItem-icon {
  color: #d4af37 !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #c9a84c !important;
}
.MuiInputBase-input {
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  border-radius: 6px !important;
  background: #fff8e7 !important;
  color: #000000 !important;
  font-family: "SimSun", "宋体", "Songti SC", serif !important;
}

/* --- 评论区：SVIP 包厢 + 金色星尘 --- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(180deg, #121218 0%, #1a1a24 100%) !important;
  background-image: 
    radial-gradient(circle at 90% 95%, rgba(255, 215, 0, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 10% 90%, rgba(255, 215, 0, 0.06) 1.5px, transparent 1.5px),
    radial-gradient(circle at 95% 10%, rgba(212, 175, 55, 0.07) 2px, transparent 2px) !important;
  background-repeat: no-repeat !important;
}
div.text-lg.font-bold {
  color: #f5e6b8 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.4) !important;
}
p.MuiTypography-body1.text-grey-600 {
  color: #b8a97a !important;
}
span.MuiRating-root {
  filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.5)) !important;
}
span.MuiRating-iconEmpty svg {
  color: #3a3525 !important;
  stroke: #5a4e30 !important;
}
span.MuiRating-iconFilled svg {
  color: #ffd700 !important;
  filter: drop-shadow(0 0 8px #ffd700) !important;
}
span.text-orange-500 {
  color: #ffd700 !important;
  font-weight: 600 !important;
}

/* 评论区输入框容器：浅金色背景 */
div.flex.flex-col.border-gray-200 {
  background: #fff8e7 !important;
  border: 1px solid #d4af37 !important;
  border-radius: 16px !important;
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.15) !important;
}

/* 评论区输入框：黑色宋体 */
textarea.rc-textarea {
  color: #000000 !important;
  caret-color: #000000 !important;
  font-family: "SimSun", "宋体", "Songti SC", serif !important;
  font-size: 15px !important;
}
textarea.rc-textarea::placeholder {
  color: #999999 !important;
  opacity: 0.8 !important;
  font-family: "SimSun", "宋体", "Songti SC", serif !important;
}

div.bg-gray-100.text-gray-500 {
  background: rgba(212, 175, 55, 0.15) !important;
  color: #b8860b !important;
  border-radius: 10px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center {
  color: #d4af37 !important;
  transition: all 0.2s ease !important;
}
div.cursor-pointer.group:hover {
  color: #000000 !important;
  background: rgba(212, 175, 55, 0.2) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.5) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #d4af37 !important;
  filter: drop-shadow(0 0 6px #ffd700) !important;
}
div.style_divider__mW0YX {
  border-color: rgba(212, 175, 55, 0.3) !important;
  opacity: 0.6 !important;
}
.MuiStack-root.css-1dmzxoz {
  gap: 8px !important;
}
button.MuiButton-outlinedPrimary {
  border-color: rgba(212, 175, 55, 0.5) !important;
  color: #c9a84c !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
button.MuiButton-outlinedPrimary:hover {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: #ffd700 !important;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.3) !important;
}
button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #d4af37, #b8860b) !important;
  border: none !important;
  color: #0a0a0c !important;
  font-weight: 800 !important;
  border-radius: 20px !important;
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.5) !important;
}
div.p-3.overflow-y-auto {
  background: transparent !important;
}
div.group.ml-0 {
  border-bottom: 1px solid rgba(212, 175, 55, 0.12) !important;
  padding: 12px 0 !important;
}
div.group img.rounded-full {
  border: 2px solid rgba(212, 175, 55, 0.5) !important;
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.3) !important;
}
div.text-sm.text-grey-600 span.font-bold {
  color: #f5e6b8 !important;
}
span.text-\[10px\] {
  color: #ffd700 !important;
  background: rgba(212, 175, 55, 0.2) !important;
  border-radius: 4px !important;
  padding: 0 3px !important;
}
div.break-all {
  color: #f5f0dc !important;
}
div.text-xs.text-grey-600 {
  color: #9b8e52 !important;
}
button.text-gray-400 {
  color: #c9a84c !important;
  transition: all 0.2s !important;
}
button.text-gray-400:hover {
  color: #ffd700 !important;
  background: rgba(212, 175, 55, 0.1) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.4) !important;
}
button.text-gray-400 svg {
  color: inherit !important;
}
span.cursor-pointer {
  color: #d4af37 !important;
  font-weight: 600 !important;
}
span.cursor-pointer:hover {
  color: #ffd700 !important;
  text-decoration: underline wavy #b8860b !important;
}
div.ml-8.border-l {
  border-color: rgba(212, 175, 55, 0.3) !important;
}
css
/* 隐藏默认的加载点点点 */
#customized-answer-content [class*="dot-flashing"] {
    display: none !important;
}

/* 替换加载动画文本为"正在返现ing" */
#customized-answer-content .flex.items-center.justify-center.w-6.h-5::before {
    content: '正在返现ing';
    position: absolute !important;
    font-size: 14px !important;
    color: #4B5563 !important; /* 浅色模式安全文本色，对比度5.6:1 */
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-family: system-ui, -apple-system, sans-serif !important;
}

/* 暗色模式适配 */
@media (prefers-color-scheme: dark) {
    #customized-answer-content .flex.items-center.justify-center.w-6.h-5::before {
        color: #E5E7EB !important; /* 深色模式安全文本色，对比度4.5:1 */
    }
}