/* ═══ B平台加载动画适配（自动注入）═══ */
.flex.items-center.justify-center.size-6 { opacity: 1 !important; }
.flex.items-center.justify-center.size-6 > .flex.gap-2 { display: none !important; }
.is-assistant.w-fit { width: 100% !important; }
.is-assistant > .border.border-muted:has(.flex.items-center.justify-center.size-6) {
  width: 100% !important; background: transparent !important;
  border: none !important; padding: 0 !important;
}
.is-assistant .space-y-3:has(.flex.items-center.justify-center.size-6) {
  display: flex; justify-content: center; width: 100%;
}

/* ═══ B平台表格修正（自动注入）═══ */
.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; }
.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; }
.rili-markdown-renderer thead { display:table-header-group!important; }
.rili-markdown-renderer tbody { display:table-row-group!important; }
.rili-markdown-renderer tr { display:table-row!important; }
.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; }

/* ═══ B平台按钮组保护（自动注入 — 防止按钮消失）═══
   原理：B平台消息操作按钮结构为：
   .flex.items-center.gap-1.ml-auto (hover显隐包装)
     └── .bg-muted.rounded.flex.p-0.5 (按钮组容器)
           └── button.rounded-full.size-7 (单个按钮)
   以下规则使用高specificity + !important确保按钮
   不被任何转换后/透传的CSS规则意外隐藏
   ═══════════════════════════════════════════════ */
/* 按钮组容器保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5,
.is-user .bg-muted.rounded.flex.p-0\.5,
.is-assistant .bg-muted.rounded.flex.p-0\.5 {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  clip: auto !important;
  clip-path: none !important;
}
/* 单个按钮保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5 > button,
.is-user .bg-muted.rounded.flex.p-0\.5 > button,
.is-assistant .bg-muted.rounded.flex.p-0\.5 > button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  clip: auto !important;
  clip-path: none !important;
}
/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */
.flex.items-center.gap-1.ml-auto.md\:opacity-0.group-hover\:opacity-100 {
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
/* 操作行保护 */
.flex.w-full.items-center.justify-between.gap-2.px-2 {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* ═══ B平台顶部栏适配说明（自动注入）═══
   A: div.sticky > div.flex.justify-between
      ├── 左侧空区
      ├── #ai-model-selector (居中)
      └── 右侧工具(设置按钮等)
   B: <header.flex.justify-between>
      ├── #nav-left (侧边栏开关)
      ├── #nav-middle (可能为空)
      └── #nav-right (通知/主题/语言)
   B平台模型按钮不在header内，选择器:
   button:has(> .flex-1.truncate.text-left)
   ═══════════════════════════════════════ */
header.flex.justify-between { position: relative; overflow: visible; }

/* ==========================================================================
    凌霄大陆 · 暖金秘简版 (Warm Gold & Parchment) - 3.0 宗门任务版
========================================================================== */

/* --------------------------------------------------
    A. 状态栏面板 CSS 
-------------------------------------------------- */
.lx-board {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: 'Noto Serif SC', 'SimSun', serif;
    margin: 8px 0;
    font-size: 0.92em;
}

/* 外层卡片兼容 */
.lx-board > details,
.lx-card {
    border: 1px solid rgba(201, 169, 110, 0.35) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(44, 62, 80, 0.08) !important;
    transition: 0.3s !important;
}

.lx-board > details > summary,
.lx-card-head {
    cursor: pointer !important;
    padding: 10px 14px !important;
    font-weight: bold !important;
    font-size: 1.05em !important;
    color: #8B6F47 !important;
    background: linear-gradient(90deg, rgba(201, 169, 110, 0.12), rgba(255, 255, 255, 0)) !important;
    list-style: none !important;
    user-select: none !important;
    display: block !important;
    letter-spacing: 1px !important;
}

.lx-board > details > summary::-webkit-details-marker,
.lx-card-head::-webkit-details-marker {
    display: none !important;
}

.lx-board > details[open] > summary,
.lx-card[open] > .lx-card-head {
    border-bottom: 1px solid rgba(201, 169, 110, 0.3) !important;
}

.lx-card-body {
    padding: 12px 14px !important;
    color: #2C3E50 !important;
    line-height: 1.6 !important;
}

/* 嵌套子卡片 */
.lx-sub-card,
.lx-card-body details,
.lx-board > details > details {
    border: 1px solid rgba(201, 169, 110, 0.25) !important;
    border-radius: 6px !important;
    background: #FDFCFA !important;
    margin: 8px 0 !important;
    box-shadow: inset 0 0 4px rgba(201, 169, 110, 0.06) !important;
}

.lx-sub-card-head,
.lx-card-body summary,
.lx-board > details > details > summary {
    cursor: pointer !important;
    padding: 8px 12px !important;
    font-weight: bold !important;
    color: #8B6F47 !important;
    background: rgba(201, 169, 110, 0.12) !important;
    border-radius: 6px !important;
    list-style: none !important;
    user-select: none !important;
    transition: background 0.3s !important;
    display: block !important;
    letter-spacing: 1px !important;
}

.lx-sub-card-head:hover,
.lx-card-body summary:hover {
    background: rgba(201, 169, 110, 0.2) !important;
}

.lx-sub-card-head::-webkit-details-marker,
.lx-card-body summary::-webkit-details-marker {
    display: none !important;
}

.lx-sub-card[open] > .lx-sub-card-head,
.lx-card-body details[open] > summary {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.3) !important;
}

.lx-sub-card-body {
    padding: 10px 12px !important;
}

/* 环境总览 */
.lx-env-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lx-env-item {
    display: block;
    font-size: 0.95em;
    line-height: 1.5;
    margin-bottom: 4px;
}

.lx-env-lbl {
    display: inline-block;
    font-weight: bold;
    color: #8B6F47;
    margin-right: 6px;
}

.lx-env-val {
    display: inline;
    color: #2C3E50;
    word-break: break-word;
}

/* 基础排版 */
.lx-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 8px;
}

.lx-grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-bottom: 8px;
}

/* 短信息条 */
.lx-info-item {
    display: block;
    line-height: 1.5;
}

.lx-info-item .lx-lbl {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 2px;
}

.lx-info-item .lx-val {
    display: inline;
}

/* 长文本条 (外貌、性格、服装等) */
.lx-line-item {
    display: block;
    margin-bottom: 8px;
    line-height: 1.6;
}

.lx-line-item .lx-lbl {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 2px;
}

.lx-text {
    display: inline;
    color: #7F8C8D;
    word-break: break-word;
}

/* 技能神通 */
.lx-skills {
    margin: 8px 0;
    background: rgba(201, 169, 110, 0.04);
    padding: 8px;
    border-radius: 6px;
    border: 1px dashed rgba(201, 169, 110, 0.4);
}

.lx-skill-row {
    margin-top: 6px;
    padding-left: 8px;
    border-left: 2px solid #C9A96E;
    display: block;
    line-height: 1.5;
}

.lx-skill-name {
    display: inline-block;
    color: #8B6F47;
    font-weight: bold;
    margin-right: 6px;
}

.lx-skill-desc {
    display: inline;
    color: #7F8C8D;
    font-size: 0.9em;
    word-break: break-word;
}

/* HUD 私密检视 */
.lx-hud {
    margin: 12px 0;
    padding: 12px;
    border-radius: 8px;
    background: linear-gradient(145deg, #FFFFFF, #FDFCFA);
    border: 1px solid rgba(201, 169, 110, 0.3);
    border-left: 4px solid #C9A96E;
    box-shadow: 0 2px 8px rgba(44, 62, 80, 0.06);
}

.lx-hud-title {
    color: #8B6F47;
    font-weight: bold;
    font-size: 1.05em;
    margin-bottom: 10px;
    border-bottom: 1px dashed rgba(201, 169, 110, 0.4);
    padding-bottom: 4px;
    letter-spacing: 1px;
}

.lx-hud-item {
    display: block;
    margin-bottom: 8px;
    line-height: 1.6;
}

.lx-hud-lbl {
    display: inline-block;
    background: rgba(201, 169, 110, 0.12);
    color: #8B6F47;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: bold;
    border: 1px solid rgba(201, 169, 110, 0.3);
    margin-right: 6px;
    margin-bottom: 2px;
}

.lx-hud-val {
    display: inline;
    color: #2C3E50;
    font-size: 0.92em;
    word-break: break-word;
}

/* 标签组件 */
.lx-lbl {
    font-size: 0.85em;
    color: #8B6F47;
    background: rgba(201, 169, 110, 0.12);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid rgba(201, 169, 110, 0.3);
    vertical-align: baseline;
}

.lx-val {
    color: #2C3E50;
    font-weight: bold;
}

.lx-badge {
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 0.85em;
    font-weight: bold;
    display: inline-block;
}

.lx-badge-blue {
    background: rgba(201, 169, 110, 0.15);
    color: #8B6F47;
    border: 1px solid #C9A96E;
}

.lx-badge-gold {
    background: rgba(192, 57, 43, 0.08);
    color: #C0392B;
    border: 1px solid #C0392B;
}

.lx-glow-blue {
    color: #8B6F47;
    font-weight: bold;
    display: inline;
}

.lx-glow-gold {
    color: #C0392B;
    font-weight: bold;
    display: inline;
}

.lx-tags {
    display: inline;
}

.lx-tag,
.lx-tag-stone {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
}

.lx-tag {
    background: rgba(201, 169, 110, 0.1);
    border: 1px solid rgba(201, 169, 110, 0.4);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.85em;
    color: #2C3E50;
}

.lx-tag-stone {
    background: rgba(192, 57, 43, 0.06);
    border: 1px solid rgba(192, 57, 43, 0.4);
    color: #7F8C8D;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.85em;
}

/* 能量条组件 (加长版 + 心理防线) */
.lx-bar-box {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.lx-bar-container {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9em;
    width: 100%;
}

.lx-bar-lbl {
    flex-shrink: 0;
    width: 80px;
    color: #8B6F47;
    font-weight: bold;
    text-align: right;
    letter-spacing: 1px;
}

.lx-bar-bg {
    flex-grow: 1;
    height: 12px;
    background: #F1F5F9;
    border: 1px solid rgba(201, 169, 110, 0.25);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: inset 0 1px 3px rgba(44, 62, 80, 0.05);
}

.lx-bar-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease;
}

.lx-bar-gold {
    background: linear-gradient(90deg, #8B6F47, #C9A96E, #D4B896, #E8D5B7);
}

.lx-bar-blue {
    background: linear-gradient(90deg, #C0392B, #E67E22, #F0B27A, #F8D4A8);
}

/* 心理防线改为蓝色渐变 */
.lx-bar-shield {
    background: linear-gradient(90deg, #1E3A5F, #3B6EA5, #5D9BC7, #A8D0E6);
}

.lx-bar-val {
    flex-shrink: 0;
    width: 48px;
    color: #2C3E50;
    font-weight: bold;
    font-size: 0.95em;
    text-align: left;
}

/* ==========================================================================
   宗门与任务面板专属样式
========================================================================== */
.lx-quest-body {
    line-height: 1.7;
}

.lx-quest-body > strong {
    display: block;
    color: #8B6F47;
    font-size: 1em;
    margin-top: 12px;
    margin-bottom: 6px;
    border-left: 3px solid #C9A96E;
    padding-left: 8px;
}

.lx-quest-body > strong:first-child {
    margin-top: 0;
}

.lx-quest-body ul {
    margin: 0 0 8px 0;
    padding-left: 20px;
    list-style: none;
}

.lx-quest-body ul li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 6px;
    color: #7F8C8D;
    font-size: 0.95em;
    line-height: 1.6;
}

.lx-quest-body ul li::before {
    content: "▸";
    position: absolute;
    left: 0;
    color: #C9A96E;
    font-weight: bold;
}

.lx-quest-body ul li strong {
    color: #8B6F47;
    font-weight: bold;
}

.lx-rumor {
    margin-top: 8px;
    padding: 10px;
    background: rgba(192, 57, 43, 0.05);
    border-left: 3px solid #C0392B;
    border-radius: 0 4px 4px 0;
    color: #7F8C8D;
    font-size: 0.95em;
    font-style: italic;
    line-height: 1.6;
}

/* ==========================================================================
   思维链组件样式 (Thinking Chain)
========================================================================== */
.thinking-chain {
    border: 1px solid rgba(201, 169, 110, 0.35) !important;
    border-radius: 8px !important;
    background: #FDFCFA !important;
    box-shadow: 0 2px 8px rgba(44, 62, 80, 0.08) !important;
    margin: 12px 0 !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.thinking-chain > summary {
    cursor: pointer !important;
    padding: 10px 14px !important;
    font-weight: bold !important;
    font-size: 1em !important;
    color: #8B6F47 !important;
    background: linear-gradient(90deg, rgba(201, 169, 110, 0.12), rgba(255, 255, 255, 0)) !important;
    list-style: none !important;
    user-select: none !important;
    display: block !important;
    letter-spacing: 1px !important;
    transition: background 0.3s ease !important;
}

.thinking-chain > summary::-webkit-details-marker {
    display: none !important;
}

.thinking-chain > summary:hover {
    background: rgba(201, 169, 110, 0.18) !important;
}

.thinking-chain[open] > summary {
    border-bottom: 1px solid rgba(201, 169, 110, 0.3) !important;
    background: rgba(201, 169, 110, 0.15) !important;
}

.thinking-chain > div,
.thinking-chain > p,
.thinking-chain > summary + * {
    padding: 12px 14px !important;
    color: #7F8C8D !important;
    line-height: 1.7 !important;
    font-size: 0.92em !important;
    background: #FFFFFF !important;
    border-radius: 0 0 8px 8px !important;
}

.thinking-chain ol,
.thinking-chain ul {
    margin: 8px 0 !important;
    padding-left: 24px !important;
    color: #7F8C8D !important;
}

.thinking-chain li {
    margin-bottom: 6px !important;
    line-height: 1.6 !important;
}

.thinking-chain strong {
    color: #8B6F47 !important;
    font-weight: bold !important;
}

.thinking-chain code {
    background: rgba(201, 169, 110, 0.08) !important;
    color: #C0392B !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-family: 'Consolas', 'Monaco', monospace !important;
    font-size: 0.9em !important;
}

.thinking-chain pre {
    background: rgba(201, 169, 110, 0.05) !important;
    border: 1px solid rgba(201, 169, 110, 0.25) !important;
    border-radius: 6px !important;
    padding: 10px !important;
    overflow-x: auto !important;
    margin: 8px 0 !important;
}

.thinking-chain pre code {
    background: none !important;
    padding: 0 !important;
    color: #2C3E50 !important;
}

/* 杂项 */
.lx-thought {
    margin: 8px 0;
    padding: 8px;
    background: rgba(192, 57, 43, 0.05);
    border-left: 3px solid #C0392B;
    border-radius: 0 4px 4px 0;
}

.lx-thought-lbl {
    display: block;
    color: #C0392B;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 4px;
}

.lx-thought-val {
    display: block;
    color: #7F8C8D;
    font-style: italic;
}

.lx-list {
    margin: 4px 0;
    padding-left: 20px;
    color: #7F8C8D;
    font-size: 0.95em;
}

.lx-list li {
    margin-bottom: 4px;
}

.lx-list strong {
    color: #8B6F47;
}

.lx-mem-title {
    font-weight: bold;
    color: #8B6F47;
    margin-bottom: 6px;
    font-size: 0.95em;
    border-left: 3px solid #C9A96E;
    padding-left: 6px;
}

.lx-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    background: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(201, 169, 110, 0.3);
}

.lx-table th,
.lx-table td {
    border: 1px solid rgba(201, 169, 110, 0.2);
    padding: 6px 8px;
    text-align: left;
    color: #2C3E50;
}

.lx-table th {
    background: rgba(201, 169, 110, 0.1);
    color: #8B6F47;
    font-weight: bold;
}

.lx-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lx-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(90deg, rgba(201, 169, 110, 0.12), rgba(255, 255, 255, 1));
    border: 1px solid rgba(201, 169, 110, 0.35);
    padding: 6px 10px;
    border-radius: 6px;
    transition: 0.2s;
}

.lx-btn:hover {
    background: rgba(201, 169, 110, 0.2);
    border-color: #C0392B;
}

.lx-btn-free {
    border-style: dashed;
    border-color: #C9A96E;
    background: rgba(201, 169, 110, 0.06);
}

.lx-btn-key {
    background: #FDFCFA;
    color: #8B6F47;
    font-weight: bold;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #C9A96E;
    flex-shrink: 0;
}

.lx-btn-text {
    color: #2C3E50;
    font-size: 0.95em;
    font-weight: bold;
}

/* --------------------------------------------------
    平台全局 CSS 与 动画 (颜色已调为暖金)
-------------------------------------------------- */
header.flex.justify-between {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.25) !important;
    box-shadow: 0 2px 8px rgba(44, 62, 80, 0.06) !important;
    color: #8B6F47 !important;
}

#nav-middle button:has(> .flex-1.truncate.text-left) .flex-1.truncate.text-left {
    color: #8B6F47 !important;
    font-weight: bold !important;
}

#nav-middle .shrink-0.flex.items-center svg,
header.flex.justify-between.w-full.top-0 svg.lucide-clock-8,
header.flex.justify-between.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2,
header.flex.justify-between.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
#nav-right button svg {
    color: #C9A96E !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: linear-gradient(135deg, rgba(201, 169, 110, 0.1), #FFFFFF) !important;
    border: 1px solid rgba(201, 169, 110, 0.3) !important;
}

div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svgbutton:has(> .flex-1.truncate.text-left) svg {
    color: #C9A96E !important;
}

.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(253, 252, 250, 0.98), transparent) !important;
}

#ai-chat-bottom-input,
#ai-chat-input {
    background: #FFFFFF !important;
    border: 1px solid rgba(201, 169, 110, 0.35) !important;
    color: #2C3E50 !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 3px rgba(44, 62, 80, 0.04) !important;
}

#ai-chat-input:focus {
    border-color: #C9A96E !important;
    box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.15) !important;
}

#ai-chat-input::placeholder {
    color: #BDC3C7 !important;
}

#ai-chat-input::selection {
    background: rgba(201, 169, 110, 0.2) !important;
    color: #2C3E50 !important;
}

div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 1px solid rgba(201, 169, 110, 0.25) !important;
}

div.text-lg.font-bold {
    color: #8B6F47 !important;
}

p.MuiTypography-body1.text-grey-600 {
    color: #7F8C8D !important;
}

span.MuiRating-iconEmpty svg {
    color: rgba(201, 169, 110, 0.2) !important;
}

span.MuiRating-iconFilled svg {
    /* 原注释块内的规则已移除，如需启用请手动添加 */
}

textarea.rc-textarea {
    background: #FFFFFF !important;
    border: 1px solid rgba(201, 169, 110, 0.3) !important;
    color: #2C3E50 !important;
}

div.bg-gray-100.text-gray-500 {
    background: transparent !important;
    color: #7F8C8D !important;
}

div[data-state="closed"] svg[data-icon="Send03"] {
    color: #C9A96E !important;
}

div.style_divider__mW0YX {
    background-color: rgba(201, 169, 110, 0.25) !important;
}

button.MuiButton-containedPrimary {
    background: #C9A96E !important;
    color: #FFF !important;
    border: 1px solid #C9A96E !important;
}

button.MuiButton-outlinedPrimary {
    border-color: rgba(201, 169, 110, 0.5) !important;
    color: #8B6F47 !important;
}

div.text-sm.text-grey-600 span.font-bold {
    color: #8B6F47 !important;
}

span.text-\[10px\] {
    color: #FFFFFF !important;
    background: #C9A96E !important;
    padding: 2px 4px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
}

div.break-all {
    color: #2C3E50 !important;
}

div.text-xs.text-grey-600 {
    color: #7F8C8D !important;
}

button.text-gray-400,
button.text-gray-400 svg {
    color: #C9A96E !important;
}

[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

.is-user > .border.border-muted,
.is-assistant > .border.border-muted {
    background: #FFFFFF !important;
    border: 1px solid rgba(201, 169, 110, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(44, 62, 80, 0.06) !important;
    isolation: isolate !important;
}

.rili-markdown-renderer {
    color: #2C3E50 !important;
    font-family: 'Noto Serif SC', 'SimSun', serif !important;
    z-index: 1 !important;
    background: transparent !important;
    font-weight: 450 !important;
}

.rili-markdown-renderer strong,
.rili-markdown-renderer b {
    color: #8B6F47 !important;
    font-weight: bold !important;
}

.bg-muted.rounded.flex.p-0\.5 > button.rounded-full.size-7,
.flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground {
    /* 原注释块内的规则已移除，如需启用请手动添加 */
}

.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

.flex.items-center.justify-center.size-6 {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
}

.flex.items-center.justify-center.size-6::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23C9A96E' stroke-width='4' stroke-dasharray='31.4 31.4' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.5s' values='0 25 25;360 25 25'/%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='12' fill='none' stroke='%23C0392B' stroke-width='2' stroke-dasharray='15 15' opacity='0.9'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='2s' values='360 25 25;0 25 25'/%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 10 !important;
}

@media (max-width: 480px) {
    .is-user > .border.border-muted,
.is-assistant > .border.border-muted {
        border-radius: 8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.size-6::before {
        opacity: 0.9 !important;
    }
}
/* ═══ B平台输入区域暖金适配（自动注入）═══ */
/* 输入组容器 */
div[data-slot="input-group"] {
    background: #FFFFFF !important;
    border-color: rgba(201, 169, 110, 0.4) !important;
    box-shadow: 0 2px 8px rgba(44, 62, 80, 0.04) !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
}

div[data-slot="input-group"]:focus-within {
    border-color: #C9A96E !important;
    box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.15) !important;
}

/* 输入框 textarea */
textarea[data-slot="input-group-control"] {
    background: transparent !important;
    color: #2C3E50 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    caret-color: #8B6F47 !important;
}

textarea[data-slot="input-group-control"]::placeholder {
    color: #BDC3C7 !important;
}

/* 所有输入组内的按钮基础样式 */
div[data-slot="input-group"] button {
    border-color: rgba(201, 169, 110, 0.4) !important;
    background-color: #FFFFFF !important;
    color: #8B6F47 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(44, 62, 80, 0.04) !important;
}

div[data-slot="input-group"] button:hover {
    background-color: rgba(201, 169, 110, 0.1) !important;
    border-color: #C9A96E !important;
    color: #8B6F47 !important;
}

/* 按钮内图标颜色 */
div[data-slot="input-group"] button svg {
    color: #C9A96E !important;
}

div[data-slot="input-group"] button:hover svg {
    color: #8B6F47 !important;
}

/* 模型选择按钮特殊处理 */
div[data-slot="input-group"] button:has(> img[alt="google logo"]) {
    background: linear-gradient(135deg, rgba(201, 169, 110, 0.08), #FFFFFF) !important;
    border-color: rgba(201, 169, 110, 0.45) !important;
}

div[data-slot="input-group"] button:has(> img[alt="google logo"]) span.flex-1.truncate.text-left {
    color: #8B6F47 !important;
    font-weight: bold !important;
}

/* 回复模式按钮 */
div[data-slot="input-group"] button[aria-label="回复模式"] {
    background: #FFFFFF !important;
    border-color: rgba(201, 169, 110, 0.4) !important;
    color: #7F8C8D !important;
}

div[data-slot="input-group"] button[aria-label="回复模式"] span {
    color: #7F8C8D !important;
}

div[data-slot="input-group"] button[aria-label="回复模式"]:hover {
    background: rgba(201, 169, 110, 0.08) !important;
    color: #2C3E50 !important;
}

/* 停止/发送按钮（主操作按钮） */
div[data-slot="input-group"] button[aria-label="停止"],
div[data-slot="input-group"] button[data-size="icon-sm"] {
    background: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(201, 169, 110, 0.3) !important;
}

div[data-slot="input-group"] button[aria-label="停止"]:hover,
div[data-slot="input-group"] button[data-size="icon-sm"]:hover {
    background: #B8955E !important;
    border-color: #B8955E !important;
    box-shadow: 0 3px 8px rgba(201, 169, 110, 0.4) !important;
}

div[data-slot="input-group"] button[aria-label="停止"] svg,
div[data-slot="input-group"] button[data-size="icon-sm"] svg {
    color: #FFFFFF !important;
}

/* 设置、信息等辅助按钮 */
div[data-slot="input-group"] button[aria-label="Add image"],
div[data-slot="input-group"] button[aria-label="搜索"],
div[data-slot="input-group"] button:has(svg.lucide-settings),
div[data-slot="input-group"] button:has(svg.lucide-info) {
    color: #7F8C8D !important;
}

div[data-slot="input-group"] button[aria-label="Add image"]:hover,
div[data-slot="input-group"] button[aria-label="搜索"]:hover,
div[data-slot="input-group"] button:has(svg.lucide-settings):hover,
div[data-slot="input-group"] button:has(svg.lucide-info):hover {
    color: #8B6F47 !important;
}

/* 顶部按钮组（模组、评论、滚动到底部） */
div[data-slot="input-group"] button:has(svg.lucide-package),
div[data-slot="input-group"] button:has(svg.lucide-message-circle),
div[data-slot="input-group"] button[aria-label="滚动到底部"] {
    background: rgba(201, 169, 110, 0.06) !important;
    border-color: rgba(201, 169, 110, 0.3) !important;
    color: #8B6F47 !important;
}

div[data-slot="input-group"] button:has(svg.lucide-package):hover,
div[data-slot="input-group"] button:has(svg.lucide-message-circle):hover,
div[data-slot="input-group"] button[aria-label="滚动到底部"]:hover {
    background: rgba(201, 169, 110, 0.15) !important;
    border-color: #C9A96E !important;
}

/* 调整输入组内部间距，适应暖金风格 */
div[data-slot="input-group"] div[data-slot="input-group-addon"] {
    color: #7F8C8D !important;
}

div[data-slot="input-group"] div[data-slot="input-group-addon"] button {
    margin-right: 4px;
}

/* 清除可能残留的默认蓝色或灰色边框 */
div[data-slot="input-group"] * {
    border-color: rgba(201, 169, 110, 0.35) !important;
}

/* 暗色模式忽略（保持亮色主题） */
@media (prefers-color-scheme: dark) {
    div[data-slot="input-group"] {
        background: #FFFFFF !important;
        border-color: rgba(201, 169, 110, 0.4) !important;
    }
    div[data-slot="input-group"] button {
        background-color: #FFFFFF !important;
        color: #8B6F47 !important;
    }
    /* 可以按需调整，但本主题以亮色为主 */
}