/* --- 深邃星域主题：强制样式覆盖 --- */

/* 1. 聊天气泡基础样式 (用户与AI通用) */
.group.is-user > div:first-child, 
.group.is-assistant > div:first-child {
    background: linear-gradient(135deg, #050b18 0%, #161d31 100%) !important;
    border: 1px solid rgba(100, 149, 237, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(65, 105, 225, 0.1) !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: 16px !important;
}

/* 2. 星空背景闪烁特效 (通过伪元素实现) */
.group.is-user > div:first-child::before,
.group.is-assistant > div:first-child::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background-image: 
        radial-gradient(1px 1px at 25px 35px, white, rgba(255,255,255,0)),
        radial-gradient(1.5px 1.5px at 60px 120px, rgba(255,255,255,0.8), rgba(255,255,255,0)),
        radial-gradient(1px 1px at 150px 50px, white, rgba(255,255,255,0)),
        radial-gradient(2px 2px at 220px 180px, rgba(173, 216, 230, 0.7), rgba(255,255,255,0));
    background-size: 250px 250px !important;
    opacity: 0.4 !important;
    animation: starsTwinkle 8s ease-in-out infinite alternate !important;
}

@keyframes starsTwinkle {
    from { opacity: 0.3; transform: scale(1); }
    to { opacity: 0.6; transform: scale(1.05); }
}

/* 3. 正文颜色强制覆盖 (最高可读性原则) */
.rili-markdown-renderer, 
.rili-markdown-renderer *,
.rili-markdown-renderer p,
.rili-markdown-renderer li,
.rili-markdown-renderer span {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

/* 4. 底部消耗数据与模型信息 (浅色透明度可见) */
.text-xs.font-mono.text-muted-foreground {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 5. 操作按钮区美化 (极光白半透明) */
.bg-muted.rounded.flex {
    background-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.bg-muted.rounded.flex button svg.lucide {
    stroke: rgba(255, 255, 255, 0.8) !important;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.5)) !important;
}

/* 强制按钮在非Hover状态下也保持可见度，方便操作 */
.group .md\:opacity-0 {
    opacity: 0.7 !important;
}

/* 6. AI加载状态美化 (星光脉冲) */
.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::after {
    content: "" !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 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 12h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    animation: spin 2s linear infinite !important;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}