think {
  display: none;
}

/* ===== 字体 ===== */
@import url('https://chinese-fonts-cdn.deno.dev/packages/lxgwwenkai/dist/LXGWWenKai-Regular/result.css');

/* ===== 全局背景：月夜克莱因蓝 ===== */
.chat-container {
    background:
        linear-gradient(180deg, rgba(5, 12, 40, 0.45) 0%, rgba(0, 30, 100, 0.55) 100%),
        url('https://img.pagehost.cn/autoupload/tbaNrhnFevxxT19cDXDwbtiO_OyvX7mIgxFBfDMDErs/20260716/C8BY/3000X4000/114%E8%BF%98%E6%84%BF%E6%9C%88%E4%BA%AE%E9%A3%9E%E9%B8%9F%E5%85%8B%E8%8E%B1%E5%9B%A0%E8%93%9D.jpeg/webp') center/cover no-repeat fixed !important;
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
}

/* 顶部模型选择栏 */
.chat-container > div:first-child,
div[class*="sticky"][class*="top-0"] {
    background: rgba(8, 18, 55, 0.82) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(192, 204, 224, 0.35) !important;
}

/* ===== 正文回复卡片（直角+月夜窗棂） ===== */
#customized-answer-content,
#ai-chat-answer #customized-answer-content {
    background: rgba(8, 18, 55, 0.72) !important;
    border: 1px solid rgba(192, 204, 224, 0.4) !important;
    border-radius: 0 !important;
    box-shadow:
        0 0 0 1px rgba(0, 47, 167, 0.45),
        0 8px 30px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(232, 236, 245, 0.08) !important;
    backdrop-filter: blur(6px);
    padding: 24px 22px !important;
    position: relative;
}

/* 卡片四角直角装饰线 */
#customized-answer-content::before {
    content: '';
    position: absolute;
    top: 10px; left: 10px;
    width: 16px; height: 16px;
    border-top: 1px solid #D4C88A;
    border-left: 1px solid #D4C88A;
    pointer-events: none;
}
#customized-answer-content::after {
    content: '';
    position: absolute;
    bottom: 10px; right: 10px;
    width: 16px; height: 16px;
    border-bottom: 1px solid #D4C88A;
    border-right: 1px solid #D4C88A;
    pointer-events: none;
}

.markdown-body {
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
    color: #E8ECF5 !important;
    line-height: 1.9 !important;
    font-size: 15px !important;
    letter-spacing: 0.3px;
}

/* ===== 正文 text 标签 ===== */
text {
    display: block;
    background: rgba(5, 15, 50, 0.5);
    border-left: 2px solid #6B8CD9;
    border-right: 1px solid rgba(192, 204, 224, 0.15);
    padding: 16px 20px;
    margin: 14px 0;
    border-radius: 0;
    position: relative;
}

text::before {
    content: '';
    position: absolute;
    top: 0; left: -2px;
    width: 2px; height: 24px;
    background: #D4C88A;
}

text p {
    text-indent: 2em;
    margin: 10px 0;
    color: #DDE4F0;
    letter-spacing: 0.5px;
}

/* ===== details 折叠卡：直角冷峻 ===== */
.markdown-body details {
    background: rgba(10, 22, 60, 0.6);
    border: 1px solid rgba(107, 140, 217, 0.4);
    border-radius: 0;
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
    transition: border-color 0.25s ease;
}

.markdown-body details:hover {
    border-color: rgba(212, 200, 138, 0.55);
}

.markdown-body details summary {
    cursor: pointer;
    padding: 10px 16px;
    background: linear-gradient(90deg, rgba(0, 47, 167, 0.55), rgba(10, 22, 60, 0.3));
    color: #E8ECF5;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid rgba(107, 140, 217, 0.3);
    list-style: none;
    letter-spacing: 1.2px;
    user-select: none;
}

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

.markdown-body details summary::before {
    content: '▸';
    display: inline-block;
    margin-right: 10px;
    color: #6B8CD9;
    transition: transform 0.2s ease;
    font-size: 12px;
}

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

.markdown-body details[open] > summary {
    background: linear-gradient(90deg, rgba(0, 47, 167, 0.75), rgba(10, 22, 60, 0.45));
    border-bottom: 1px solid rgba(212, 200, 138, 0.4);
}

/* summary 内嵌 p（用户档案二级标题） */
.markdown-body details summary p {
    display: inline;
    margin: 0;
}

/* 嵌套 details */
.markdown-body details details {
    background: rgba(3, 10, 35, 0.5);
    margin: 6px 12px;
    border: 1px solid rgba(107, 140, 217, 0.25);
}

.markdown-body details details summary {
    background: rgba(0, 30, 100, 0.45);
    font-size: 13px;
    padding: 8px 14px;
    letter-spacing: 1px;
}

/* details 内正文 p */
.markdown-body details > p {
    padding: 6px 18px;
    margin: 4px 0;
    color: #D5DDF0;
    font-size: 14px;
    line-height: 1.8;
}

.markdown-body details > p:first-of-type { padding-top: 12px; }
.markdown-body details > p:last-of-type { padding-bottom: 14px; }

.markdown-body details strong,
.markdown-body details b {
    color: #D4C88A;
    font-weight: 500;
    letter-spacing: 1.5px;
}

/* ===== 用户输入气泡 ===== */
#ai-chat-question,
[id*="user-message"] {
    background: rgba(0, 47, 167, 0.78) !important;
    border: 1px solid rgba(212, 200, 138, 0.45) !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
}

/* 锁死气泡内所有文字为月光白，防止被 Mui/markdown 继承样式盖掉 */
#ai-chat-question,
#ai-chat-question *,
[id*="user-message"],
[id*="user-message"] * {
    color: #F5F7FC !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* 气泡内加粗/强调点缀月晕金 */
#ai-chat-question strong,
#ai-chat-question b,
[id*="user-message"] strong,
[id*="user-message"] b {
    color: #D4C88A !important;
}

/* 气泡内链接 */
#ai-chat-question a,
[id*="user-message"] a {
    color: #D4C88A !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ===== 底部渐变遮罩 ===== */
.bg-gradient-to-t.from-white.via-white.to-transparent {
    background: linear-gradient(
        to top,
        rgba(3, 10, 35, 0.92) 0%,
        rgba(5, 12, 40, 0.55) 55%,
        transparent 100%
    ) !important;
}

/* ===== 底部输入框 ===== */
#ai-chat-input {
    background: transparent !important;
    color: #E8ECF5 !important;
    border: none;
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
    font-size: 14px;
    letter-spacing: 0.5px;
}

#ai-chat-input::placeholder {
    color: rgba(192, 204, 224, 0.55);
}

#ai-chat-input-container,
div:has(> #ai-chat-input) {
    background: rgba(8, 18, 55, 0.68) !important;
    border: 1px solid rgba(192, 204, 224, 0.5) !important;
    border-radius: 0 !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

div:has(> #ai-chat-input):focus-within {
    border-color: #D4C88A !important;
    box-shadow: 0 0 12px rgba(212, 200, 138, 0.35), 0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ===== 发送按钮 ===== */
#ai-send-button {
    background: rgba(0, 47, 167, 0.9) !important;
    border-radius: 0 !important;
    border: 1px solid rgba(212, 200, 138, 0.5) !important;
    transition: all 0.25s ease;
    box-shadow: none;
}

#ai-send-button:hover {
    background: rgba(212, 200, 138, 0.92) !important;
    border-color: #E8ECF5 !important;
}

#ai-send-button svg { color: #E8ECF5 !important; fill: #E8ECF5 !important; }
#ai-send-button:hover svg { color: #0A1A4A !important; fill: #0A1A4A !important; }

/* ===== 第一排工具按钮（重生成/继续等） ===== */
.MuiButton-textPrimary {
    color: #C0CCE0 !important;
    border-radius: 0 !important;
    transition: all 0.2s ease;
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
    letter-spacing: 0.5px;
}

.MuiButton-textPrimary:hover {
    background: rgba(0, 47, 167, 0.35) !important;
    color: #D4C88A !important;
}

/* ===== 第二排工具按钮（评论/模组/置顶等） ===== */
.MuiButton-outlinedPrimary {
    border-color: rgba(192, 204, 224, 0.5) !important;
    color: #E8ECF5 !important;
    background: rgba(10, 22, 60, 0.5) !important;
    border-radius: 0 !important;
    backdrop-filter: blur(8px);
    transition: all 0.2s ease;
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
    letter-spacing: 0.5px;
}

.MuiButton-outlinedPrimary:hover {
    background: rgba(0, 47, 167, 0.55) !important;
    border-color: #D4C88A !important;
    color: #D4C88A !important;
    box-shadow: 0 0 10px rgba(212, 200, 138, 0.25);
}

/* 填充型按钮兜底 */
.MuiButton-containedPrimary {
    background: rgba(0, 47, 167, 0.85) !important;
    color: #E8ECF5 !important;
    border-radius: 0 !important;
    border: 1px solid rgba(212, 200, 138, 0.4) !important;
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
}

.MuiButton-containedPrimary:hover {
    background: rgba(0, 47, 167, 1) !important;
    border-color: #D4C88A !important;
}

/* ===== 分页 ===== */
.MuiPaginationItem-root {
    color: #C0CCE0 !important;
    border-radius: 0 !important;
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
}

.MuiPaginationItem-root:hover {
    background: rgba(0, 47, 167, 0.4) !important;
    color: #D4C88A !important;
}

.MuiPaginationItem-root.Mui-selected {
    background: rgba(0, 47, 167, 0.88) !important;
    color: #E8ECF5 !important;
    border: 1px solid rgba(212, 200, 138, 0.55) !important;
}

/* ===== 评论/弹窗内文本框统一（不影响 #ai-chat-input 的 placeholder 文案） ===== */
.MuiOutlinedInput-root,
.MuiInputBase-root {
    background: rgba(10, 22, 60, 0.65) !important;
    color: #E8ECF5 !important;
    border-radius: 0 !important;
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
}

.MuiOutlinedInput-notchedOutline {
    border-color: rgba(192, 204, 224, 0.45) !important;
    border-radius: 0 !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #D4C88A !important;
    border-width: 1px !important;
}

/* 通用按钮字体+去圆角兜底 */
button[class*="MuiButton"] {
    font-family: 'LXGW WenKai', '霞鹜文楷', serif !important;
    border-radius: 0 !important;
}

/* ===== 滚动条 ===== */
.chat-container ::-webkit-scrollbar { width: 6px; }
.chat-container ::-webkit-scrollbar-track { background: rgba(3, 10, 35, 0.4); }
.chat-container ::-webkit-scrollbar-thumb { background: rgba(107, 140, 217, 0.65); }
.chat-container ::-webkit-scrollbar-thumb:hover { background: #D4C88A; }