/* --- 黑金奢华主题 - v8.1 黄金分割版 by 玖玖 --- */

/* ===== 【v8.1核心修正】间距调整模块 ===== */
/* 根据您的最新指示，调整正文叙事区的段落样式 */
.rili-markdown-renderer > p {
    letter-spacing: 0.02em !important; /* 将字间距缩至微乎其微，保证文本紧凑感 */
    line-height: 1.85 !important;      /* 大幅增加行高，营造舒适的呼吸空间 */
}

/* ===== 【保留修正】隐藏多余标题 ===== */
.rili-markdown-renderer > h3 {
    display: none !important;
}

/* ===== 聊天气泡全局设定 (最高优先级) ===== */
.group > div:first-child,
.group > div:first-child * {
    color: #f5f5f5 !important;
}
.group > div:first-child {
    border: 2px solid #c0a04a !important;
    background-color: #121212 !important;
    box-shadow: 0 4px 20px rgba(255, 215, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.5) !important;
    border-radius: 12px !important;
}

/* ===== 状态栏 (Details) 美化 ===== */
details {
    background: #181818 !important;
    border: 1px solid #c0a04a !important;
    border-radius: 12px !important;
    margin: 12px 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
    overflow: hidden !important;
}
details > summary {
    color: #f0e68c !important; 
    font-weight: bold !important;
    padding: 14px 20px !important;
    background: linear-gradient(to right, rgba(200, 160, 74, 0.15), rgba(200, 160, 74, 0.05)) !important;
    cursor: pointer;
    transition: all 0.2s ease !important;
    list-style: none !important;
}
details > summary::-webkit-details-marker { display: none; }
details > summary::before {
    content: '▶';
    margin-right: 10px;
    font-size: 0.8em;
    display: inline-block;
    transition: transform 0.2s;
    color: #f0e68c !important; 
}
details[open] > summary::before { transform: rotate(90deg); }
details[open] > summary {
    border-bottom: 1px solid rgba(200, 160, 74, 0.5) !important;
    background: linear-gradient(to right, rgba(200, 160, 74, 0.25), rgba(200, 160, 74, 0.1)) !important;
}
details > summary:hover {
    background: linear-gradient(to right, rgba(200, 160, 74, 0.25), rgba(200, 160, 74, 0.1)) !important;
}

/* --- 状态栏内容区颜色覆盖 --- */
details .rili-markdown-renderer {
    padding: 15px 20px !important;
    background: none !important;
}
details .rili-markdown-renderer p {
    margin: 8px 0 !important;
    padding: 0 !important;
    color: #e0e0e0 !important; 
    letter-spacing: normal !important; /* 状态栏内的字间距保持默认 */
    line-height: 1.7 !important; /* 状态栏内的行高也保持默认 */
}
details .rili-markdown-renderer b {
    color: #d4b85c !important; 
    margin-right: 8px;
    font-weight: normal;
}
details hr {
    border: none !important;
    border-top: 1px solid rgba(200, 160, 74, 0.3) !important;
    margin: 15px 0 !important;
}
details h4 {
    color: #f0e68c !important; 
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.1em;
    border-left: 3px solid #c0a04a;
    padding-left: 10px;
}
details blockquote {
    border-left: 3px solid rgba(200, 160, 74, 0.5) !important;
    padding-left: 15px !important;
    margin: 10px 0 !important;
    color: #ccc !important; 
    background-color: rgba(0,0,0,0.1) !important;
}

/* --- 行动推荐专属样式 --- */
details.actions .rili-markdown-renderer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
details.actions a {
    display: block;
    background-color: rgba(200, 160, 74, 0.1);
    border: 1px solid rgba(200, 160, 74, 0.4);
    padding: 12px 15px;
    border-radius: 8px;
    color: #e0e0e0 !important; 
    text-decoration: none !important;
    transition: all 0.2s ease;
    cursor: pointer;
}
details.actions a::before {
    content: '›';
    margin-right: 8px;
    font-weight: bold;
    color: #f0e68c !important; 
}
details.actions a:hover {
    background-color: rgba(200, 160, 74, 0.2);
    border-color: #f0e68c;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* ===== 辅助元素及动画 (无需修改) ===== */
.text-xs.font-mono.text-muted-foreground { color: rgba(240, 230, 140, 0.7) !important; }
.group .md\:opacity-0 { opacity: 1 !important; }
.bg-muted.rounded.flex { background-color: transparent !important; }
.bg-muted.rounded.flex button { background-color: rgba(40, 40, 40, 0.6) !important; }
.bg-muted.rounded.flex button:hover { background-color: rgba(240, 230, 140, 0.2) !important; }
.bg-muted.rounded.flex button svg.lucide { stroke: rgba(240, 230, 140, 0.8) !important; }
.flex.gap-2.w-full.h-full.items-center.justify-center > span { display: none !important; }
.flex.gap-2.w-full.h-full.items-center.justify-center { position: relative !important; overflow: hidden !important; }
.flex.gap-2.w-full.h-full.items-center.justify-center::before { content: '' !important; position: absolute !important; width: 100% !important; height: 3px !important; background: linear-gradient(90deg, transparent, #f0e68c, transparent) !important; animation: scanner 2s infinite ease-in-out !important; }
@keyframes scanner { 0% { transform: translateY(-20px); opacity: 0; } 50% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(20px); opacity: 0; } }