/* ==========================================
   斗罗大陆风格 - 高级RPG定制版 (精简修复版)
   ========================================== */

/* --- 核心聊天框改造 --- */
.group-\[\.is-assistant\]\:bg-card,
.group-\[\.is-user\]\:bg-secondary {
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* AI 气泡：古朴玉简/书卷风 */
.is-assistant .group-\[\.is-assistant\]\:bg-card {
    background: rgba(20, 26, 38, 0.95) !important;
    border-left: 3px solid rgba(212, 175, 55, 0.6) !important;
    border-radius: 4px 12px 12px 4px !important;
}

/* 用户 气泡：魂力共鸣风 */
.is-user .group-\[\.is-user\]\:bg-secondary {
    background: rgba(25, 35, 55, 0.95) !important;
    border-right: 3px solid rgba(100, 180, 255, 0.5) !important;
    border-radius: 12px 4px 4px 12px !important;
}

/* --- 正文排版调整 --- */
/* AI 正文：象牙白偏冷，提升阅读感 */
.is-assistant .prose-sm {
    color: #ced4da !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 1.8 !important;
}

/* 用户 正文 */
.is-user .prose-sm {
    color: #d1e3ff !important;
}

/* 强调文字：武魂金光 */
.prose-sm em {
    color: #f0c674 !important;
    font-style: normal !important;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(240, 198, 116, 0.3) !important;
}

/* --- Context (状态面板) 斗罗化 --- */
.text-xs.font-medium.text-muted-foreground.uppercase {
    color: rgba(212, 175, 55, 0.8) !important;
    letter-spacing: 0.1em;
}

.bg-card.rounded-lg {
    background: rgba(15, 20, 30, 0.8) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
}

/* 分割线：暗金流光 */
.shrink-0.bg-border {
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent) !important;
}

/* --- Action Options (选项按钮) --- */
#suggestions button {
    background: rgba(20, 30, 45, 0.9) !important;
    border: 1px solid rgba(100, 180, 255, 0.2) !important;
    color: #a0c4ff !important;
}

/* 按钮悬停：魂环律动效果 */
#suggestions button:hover {
    background: rgba(30, 50, 80, 1) !important;
    border-color: rgba(100, 180, 255, 0.6) !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(100, 180, 255, 0.2);
    transform: translateY(-1px);
}

/* --- 滚动条：玄铁重金风格 --- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #0a0e14; }
::-webkit-scrollbar-thumb { 
    background: rgba(212, 175, 55, 0.25); 
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb:hover { background: rgba(212, 175, 55, 0.5); }

/* ==========================================
   输入区域 (魂导器控制台) 深度定制
   ========================================== */

/* 1. 外部表单容器：玉简基座质感 */
form#prompt-input {
    background-color: #0d121a !important; /* 深邃黑蓝 */
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* 暗金边框 */
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.6), 0 0 15px rgba(212, 175, 55, 0.05) !important;
    border-radius: 8px !important;
    overflow: hidden;
}

/* 2. 输入组容器 */
.group\/input-group {
    background: transparent !important;
    border: none !important;
}

/* 3. 文本输入区：冥想之境 */
textarea[data-slot="input-group-control"] {
    color: #ced4da !important;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    line-height: 1.6 !important;
    caret-color: #f0c674 !important; /* 金色光标 */
}

textarea[data-slot="input-group-control"]::placeholder {
    color: rgba(212, 175, 55, 0.4) !important;
    font-style: italic;
}

/* 4. 底部工具栏 (Footer) */
#prompt-input-footer {
    border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
    background: rgba(5, 8, 15, 0.5) !important;
}

/* 5. 通用按钮：魂导阵列开关 */
#prompt-input-footer button {
    background: rgba(30, 45, 60, 0.4) !important;
    border: 1px solid rgba(100, 180, 255, 0.2) !important;
    color: rgba(180, 210, 255, 0.8) !important;
    transition: all 0.2s ease !important;
}

/* 按钮悬停：魂环律动 */
#prompt-input-footer button:hover {
    border-color: rgba(100, 180, 255, 0.6) !important;
    color: #ffffff !important;
    background: rgba(100, 180, 255, 0.1) !important;
    box-shadow: 0 0 10px rgba(100, 180, 255, 0.2);
}

/* 6. 模型选择器 (Gemini 标识部分) */
#prompt-input-footer button[aria-haspopup="dialog"] {
    border-color: rgba(212, 175, 55, 0.2) !important;
}

#prompt-input-footer button[aria-haspopup="dialog"] span {
    color: rgba(212, 175, 55, 0.8) !important;
    font-weight: 500;
}

/* 7. 提交按钮：唐门手法/最终一击 */
button[type="submit"] {
    background: linear-gradient(135deg, #b8860b 0%, #8b6508 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 0 12px rgba(184, 134, 11, 0.4) !important;
}

button[type="submit"]:hover {
    background: linear-gradient(135deg, #daa520 0%, #b8860b 100%) !important;
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.6) !important;
}

/* 8. 图标着色 (SVG) */
#prompt-input-footer svg {
    stroke: currentColor !important;
}

/* ==========================================
   回复操作栏 (魂力统计盘) 定制
   ========================================== */

/* 1. 左侧 Token 统计数值：魂环能量波动 */
.font-mono.text-muted-foreground {
    color: #f0c674 !important; /* 统一金色字母 */
    background: rgba(212, 175, 55, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, 0.1) !important;
    text-shadow: 0 0 5px rgba(240, 198, 116, 0.3) !important;
}

/* 2. 数值前的圆点：模拟魂环星级 */
.bg-blue-500\/60 { background-color: #ff9d00 !important; box-shadow: 0 0 4px #ff9d00; } /* 蓝点变橙金 */
.bg-green-500\/60 { background-color: #ffd700 !important; box-shadow: 0 0 4px #ffd700; } /* 绿点变亮金 */

/* 3. 操作按钮容器 (Regenerate/Copy 等) */
.bg-muted.rounded.flex {
    background: rgba(15, 20, 30, 0.8) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
}

/* 4. 按钮图标颜色：玄金质感 */
.stroke-muted-foreground {
    stroke: #f0c674 !important; 
}

/* 5. 按钮悬停效果：魂力充盈 */
#conversation .flex.items-center.gap-1.ml-auto button:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
}

#conversation .flex.items-center.gap-1.ml-auto button:hover svg {
    stroke: #ffffff !important;
    filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.8)) !important;
}

/* 6. 强制让原本透明的操作栏在 PC 端隐约可见 (更有仪式感) */
.md\:opacity-0 {
    opacity: 0.4 !important;
    transition: opacity 0.3s ease !important;
}
.group-hover\:opacity-100 {
    opacity: 1 !important;
}

/* 7. 字母/数字全局金色补全 */
span, div {
    /* 针对这一层级内的所有动态文本 */
    --muted-foreground: 212, 175, 55; 
}