/* 隐藏浅蓝色条 */
div[class*="bg-[#c9e1e9]"][class*="top-0"][class*="h-0.5"] {
  display: none !important;
}

/* 隐藏浅粉色条 */
div[class*="bg-[#F1CBCB]"][class*="top-0"][class*="h-0.5"] {
  display: none !important;
}
/* ========== 评分星星替换为 💊（完整显示、不影响点击） ========== */
.MuiRating-root .MuiRating-icon {
    position: relative;
    width: 28px !important;      /* 稍微加大容器，给胶囊更多空间 */
    height: 28px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;     /* 隐藏原有星星文字 */
}

.MuiRating-root .MuiRating-icon svg {
    display: none !important;    /* 隐藏原始星星图标 */
}

/* 使用伪元素绘制胶囊，pointer-events: none 保证点击穿透 */
.MuiRating-root .MuiRating-iconFilled::before,
.MuiRating-root .MuiRating-iconEmpty::before,
.MuiRating-root .MuiRating-iconHover::before {
    content: "💊";
    font-size: 24px;            /* 胶囊大小，比容器小一点点 */
    line-height: 1;
    display: block;
    pointer-events: none;       /* 关键：不阻挡点击 */
}

/* 未选中胶囊：低透明度+灰度 */
.MuiRating-root .MuiRating-iconEmpty {
    opacity: 0.3 !important;
    filter: grayscale(100%);
}

/* 选中胶囊：完全显示 */
.MuiRating-root .MuiRating-iconFilled {
    opacity: 1 !important;
    filter: none !important;
}

/* 悬停胶囊：稍微亮显 */
.MuiRating-root .MuiRating-iconHover {
    opacity: 0.85 !important;
}


/* 
 * ============================================
 *  整体卡片风格：奶油白背景 + 玫瑰粉花边
 *  所有背景不透明，文字清晰，适合阅读
 *  花边边框通过双层描边模拟
 * ============================================
 */

/* 模块一：对话气泡（AI侧） */
.group .bg-gray-100\/90 {
    background: #FFFBF5 !important;
    border: 2px solid #D4A5A5 !important;
    outline: 1px dashed #E2C2C2 !important;
    outline-offset: -5px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(180, 120, 120, 0.15) !important;
    color: #3E3E3E !important;
    padding: 14px !important;
    transition: all 0.2s ease;
}

/* 模块二：平台按钮美化（实体阴影） */
.flex.items-center.gap-2.pb-2 > button {
    background: #FFF5F5 !important;
    color: #5C3E3E !important;
    border: 1.5px solid #D4A5A5 !important;
    outline: 1px dotted #E2C2C2 !important;
    outline-offset: -4px !important;
    border-radius: 8px !important;
    /* 实体纯色阴影，无模糊 */
    box-shadow: 4px 4px 0px #C49090 !important;
    font-weight: 600 !important;
    text-transform: none !important;
    transition: all 0.15s ease-in-out !important;
    padding: 6px 16px !important;
}
.flex.items-center.gap-2.pb-2 > button:hover {
    background: #FFEBEB !important;
    color: #4A2E2E !important;
    transform: translate(4px, 4px) !important;
    /* 按下后阴影消失 */
    box-shadow: 0px 0px 0px transparent !important;
}

/* 模块三：多余元素隐藏（保持原样） */
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
    /* display: none !important; */ 
}

/* 模块四：输入栏美化 */
#ai-chat-input {
    background-color: #FFFBF5 !important;
    border: 2px solid #D4A5A5 !important;
    outline: 1px dashed #E2C2C2 !important;
    outline-offset: -4px !important;
    border-radius: 10px !important;
    color: #3E3E3E !important;
    box-shadow: inset 2px 2px 6px rgba(180, 120, 120, 0.08) !important;
}
#ai-chat-bottom-input { 
    background: transparent !important; 
    backdrop-filter: none !important; 
}





/* 
 * ============================================
 *  折叠状态栏 & Markdown 表格全局美化
 *  适配手机与电脑，字体大小相对单位，黑白背景皆可见
 * ============================================
 */

/* ---------- 折叠块整体 ---------- */
details {
    display: block;
    background: #FFFBF5;                /* 奶油白底，不透明 */
    border: 2px solid #D4A5A5;         /* 玫瑰粉主边框 */
    outline: 1px dashed #E2C2C2;       /* 内层蕾丝虚线 */
    outline-offset: -5px;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(180, 120, 120, 0.12);
    padding: 0;                         /* 内边距交给内部元素 */
    margin: 1.2em 0;
    overflow-x: auto;                  /* 表格过宽时可横向滚动 */
    transition: all 0.25s ease;
    font-size: 0.92em;                 /* 相对字体，舒适阅读 */
    color: #3E3E3E;                    /* 深灰文字，黑白背景均清晰 */
    line-height: 1.65;
}

/* ---------- 摘要标题 ---------- */
details summary {
    display: flex;
    align-items: center;
    padding: 0.9em 1.2em;
    font-weight: 600;
    font-size: 1.02em;
    letter-spacing: 0.02em;
    color: #5C3E3E;
    background: #FFF5F5;               /* 浅粉标题栏 */
    border-bottom: 1px solid #E2C2C2;
    border-radius: 12px 12px 0 0;
    cursor: pointer;
    user-select: none;
    list-style: none;                   /* 去除默认三角 */
}
details summary::-webkit-details-marker {
    display: none;
}
/* 自定义三角图标 */
details summary::before {
    content: "▸";
    display: inline-block;
    margin-right: 0.5em;
    transition: transform 0.2s;
    color: #C49090;
    font-size: 1em;
}
details[open] summary::before {
    transform: rotate(90deg);
}
details summary:hover {
    background: #FFEBEB;
}

/* ---------- 折叠内容区域 ---------- */
details > *:not(summary) {
    padding: 1em 1.2em;
    margin: 0;
}

/* 段落等保持自然间距 */
details p {
    margin: 0.6em 0;
    color: #3E3E3E;                    /* 不强制修改，仅设默认 */
}

/* ---------- Markdown 表格美化 ---------- */
details table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em 0;
    font-size: 0.88em;
    color: #3E3E3E;                    /* 深灰文字，黑白背景可见 */
    background: #FFFBF5;
    border: 1.5px solid #D4A5A5;
    border-radius: 8px;
    overflow: hidden;                   /* 圆角截断 */
    box-shadow: 0 2px 8px rgba(180, 120, 120, 0.08);
}

/* 表头 */
details table thead {
    background: #FFF5F5;
}
details table th {
    padding: 0.8em 0.8em;
    font-weight: 600;
    color: #5C3E3E;
    border-bottom: 2px solid #D4A5A5;
    text-align: left;
    white-space: nowrap;                /* 表头不换行 */
}

/* 单元格 */
details table td {
    padding: 0.7em 0.8em;
    border-bottom: 1px solid #E2C2C2;
    vertical-align: middle;
}

/* 斑马纹 */
details table tbody tr:nth-child(even) {
    background: #FFF9F9;
}
details table tbody tr:hover {
    background: #FFEFEF;
}

/* 去除最后一行的底部边框 */
details table tbody tr:last-child td {
    border-bottom: none;
}

/* ---------- 响应式适配 ---------- */
@media (max-width: 600px) {
    details {
        font-size: 0.85em;              /* 小屏稍小字体 */
        border-radius: 10px;
    }
    details summary {
        padding: 0.7em 1em;
    }
    details > *:not(summary) {
        padding: 0.8em 1em;
    }
    details table {
        font-size: 0.78em;
    }
    details table th,
    details table td {
        padding: 0.5em 0.5em;
    }
    /* 手机端表格允许横向滚动（details 已设置 overflow-x:auto） */
}





/* 隐藏原始闪烁点元素 */
.flex.items-center.justify-center.w-6.h-5 > .style_dot-flashing__8L91Q {
    display: none !important;
}

/* 重置容器尺寸并改为横向文字布局 */
.flex.items-center.justify-center.w-6.h-5 {
    width: auto !important;
    height: auto !important;
    justify-content: flex-start !important;
    padding: 0;
    background: transparent !important;
    border: none !important;
    border-radius: 0;
}

/* 使用伪元素插入文字 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "🧸治疗中";
    font-size: 0.92em;
    font-weight: 550;
    font-family: 'Noto Serif SC', 'STSong', 'Songti SC', 'KaiTi', serif;
    color: #C48888;
    white-space: nowrap;
    letter-spacing: 0.04em;
}