.max-w-\[720px\] {
    --dialogue-bg: #fff6f0;              /* 柔和米白 */
    --dialogue-shadow: 0 6px 20px rgba(217, 162, 173, 0.2);  /* 粉紫阴影 */
    --details-border-color: #ffd9cf;      /* 浅粉边框 */
    --details-header-bg: #ffe6dd;         /* 暖粉标题底 */
    --details-header-bg-hover: #ffd9cd;   /* 稍深悬停 */
    --content-bg: #fff9f5;                /* 极暖白 */
    --text-color-primary: #8b6a7c;         /* 主文字紫灰 */
    --text-color-secondary: #b28b9b;       /* 辅助粉紫 */
    --border-radius-main: 20px;
    --border-radius-inner: 12px;
    --accent-pink: #d9a2ad;                /* 粉紫主色 */
    --accent-blue: #f7ad9a;                 /* 粉橙色代替蓝色 */
}

/* 对话气泡：粉紫渐变 + 软萌边框 */
.chat-container .group .relative.inline-block {
    background: linear-gradient(135deg, #fff6f0 0%, #ffeae3 100%);
    border: 2px solid var(--accent-pink);
    box-shadow: var(--dialogue-shadow);
    border-radius: var(--border-radius-main);
    padding: 12px 16px;
    position: relative;
}

/* 对话气泡装饰：小爱心（颜色不变，或可调） */
.chat-container .group .relative.inline-block::before {
    content: '💙';
    position: absolute;
    top: -8px;
    left: -8px;
    font-size: 16px;
    opacity: 0.8;
}
.chat-container .group .relative.inline-block::after {
    content: '💖';
    position: absolute;
    bottom: -8px;
    right: -8px;
    font-size: 16px;
    opacity: 0.8;
}

/* 隐藏多余元素 */
.chat-container .group .relative.inline-block > .MuiBox-root.css-0 {
    display: none;
}

/* 折叠块整体 */
.markdown-body details {
    border: none;
    margin: 16px 0;
    background-color: transparent;
    overflow: visible;
}

/* 折叠块标题：粉紫胶囊按钮 */
.markdown-body summary {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
    background: linear-gradient(135deg, var(--details-header-bg) 0%, #d9a2ad 100%);
    color: var(--text-color-primary);
    font-weight: 600;
    transition: all 0.3s ease;
    outline: none;
    border: 2px solid var(--accent-pink);
    border-radius: 9999px;
    box-shadow: 0 3px 10px rgba(217, 162, 173, 0.2);
    list-style: none;
}

.markdown-body summary::-webkit-details-marker {
    display: none;
}

/* 标题悬停：更深粉紫 */
.markdown-body summary:hover {
    background: linear-gradient(135deg, var(--details-header-bg-hover) 0%, #c79eb0 100%);
    border-color: #d9a2ad;
    box-shadow: 0 5px 15px rgba(217, 162, 173, 0.3);
    transform: translateY(-2px);
}

/* 自定义折叠图标：小星号（颜色可保留或调粉） */
.markdown-body summary::before {
    content: '⭐';
    display: inline-block;
    margin-right: 10px;
    font-size: 0.9em;
    color: var(--accent-pink);
    transition: transform 0.3s ease;
}

.markdown-body details[open] > summary::before {
    transform: rotate(180deg);
}

/* 折叠块内部内容：浅粉背景 + 粉边框 */
.markdown-body details > pre,
.markdown-body details > table {
    margin-top: 12px;
    border: 1px solid var(--accent-pink);
    border-radius: var(--border-radius-inner);
    background-color: var(--content-bg);
    overflow-x: auto;
    box-shadow: 0 2px 8px rgba(217, 162, 173, 0.15);
}

/* 代码块美化 */
.markdown-body details pre > div:first-child[style*="border-color"] {
    display: none;
}

.markdown-body details pre {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.markdown-body details pre > div[node="[object Object]"] {
    padding: 16px;
    color: var(--text-color-primary);
    background: transparent !important;
}

.markdown-body details code.language-markdown {
    font-size: 13px;
    line-height: 1.4;
    color: #a4798b;        /* 柔紫代码文字 */
    background: transparent !important;
}

/* 表格美化 */
.markdown-body details table th,
.markdown-body details table td {
    font-size: 13px;
    padding: 8px 12px;
    line-height: 1.4;
    border-color: var(--accent-pink);
}

/* AI生成中动画：粉紫加载圈 + 软萌文字 */
@keyframes ai-answer-spinner-rotation {
  to {
    transform: rotate(360deg);
  }
}

#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q) {
  justify-content: flex-start;
  width: auto;
  height: auto;
}

#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q)::after {
    content: '思考中...';
    font-size: 14px;
    color: var(--accent-pink);
    margin-left: 12px;
    font-weight: 500;
}

#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q::before,
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q::after {
    content: none;
    display: none;
}

#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q {
    background: transparent;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    flex-shrink: 0;
    border: 3px solid rgba(217, 162, 173, 0.3);
    border-left-color: var(--accent-pink);
    border-radius: 50%;
    animation: ai-answer-spinner-rotation 0.8s linear infinite;
}