/* 1. 隐藏聊天框顶部自带的多余颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 聊天气泡基础样式 - 黄鳝重生荒诞风 (橙粉紫粗边框，单色硬阴影) */
.bg-gray-100\/90.relative.inline-block {
    background-color: rgba(255, 251, 254, 0.92) !important;
    border: 3px solid #ffb347 !important;
    border-radius: 10px !important;
    /* 改为单层阴影，颜色取粉紫，半透明，保持硬边效果 */
    box-shadow: 6px 6px 0px rgba(160, 70, 100, 0.45) !important;
    padding: 5px !important;
    width: 100% !important; 
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. 聊天框内主文本内容 - 深色文字 */
.markdown-body {
    color: #1a1a2e !important;
    font-family: 'Helvetica Neue', 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, -apple-system, sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-shadow: 0.5px 0.5px 0px rgba(255, 245, 240, 0.8) !important;
}

/* 4. Details 折叠框美化 - 单色阴影 */
.markdown-body details {
    background: rgba(255, 248, 250, 0.85) !important;
    border: 3px solid #ffb347 !important;
    border-radius: 10px !important;
    margin: 8px 0 !important; 
    padding: 0 !important;
    /* 改为单层阴影，颜色与气泡一致 */
    box-shadow: 6px 6px 0px rgba(160, 70, 100, 0.45) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Summary 标题栏样式 (折叠状态) - 彩虹渐变保留 */
.markdown-body summary {
    background: linear-gradient(135deg, #ff6b9d 0%, #b84a8a 50%, #6ec8ff 100%) !important;
    color: #fff !important;
    font-weight: 900 !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    font-size: 1.05em !important;
    border-bottom: 0px solid #ffb347 !important;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3) !important;
    letter-spacing: 0.5px;
}

/* 展开时的 Summary 样式 */
.markdown-body details[open] summary {
    background: linear-gradient(135deg, #ff7faf 0%, #d45a9a 50%, #7fd4ff 100%) !important;
    border-bottom: 3px solid #ffb347 !important;
}

/* 移除浏览器默认三角形 */
.markdown-body summary::-webkit-details-marker {
    display: none !important;
}
.markdown-body summary::before {
    content: '✦' !important;
    margin-right: 10px !important;
    font-size: 1.1em !important;
    text-shadow: none !important;
}
.markdown-body details[open] summary::before {
    content: '✧' !important;
}

/* 展开后的正文内容区域 */
.markdown-body details > *:not(summary) {
    padding: 4px 6px !important;
    margin: 0 !important;
    background: transparent !important;
}

/* 5. 底部附加元素适配 (复制按钮、模型名称等) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #ffb347 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0px #b84a8a !important;
}

/* 6. 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 5px !important;
        border-width: 2px !important;
        box-shadow: 4px 4px 0px rgba(160, 70, 100, 0.45) !important;
        border-radius: 10px !important;
    }
    .markdown-body details {
        border-width: 2px !important;
        box-shadow: 4px 4px 0px rgba(160, 70, 100, 0.45) !important;
        margin: 5px 0 !important;
        border-radius: 10px !important;
    }
    .markdown-body summary {
        padding: 6px 14px !important;
        font-size: 0.95em !important;
    }
    .markdown-body details[open] summary {
        border-bottom-width: 2px !important;
    }
    .markdown-body details > *:not(summary) {
        padding: 2px 2px !important;
    }
    .markdown-body summary::before {
        font-size: 1rem !important;
    }
}

think {
    display: none;
}