/* ===== 暗金档案风 · 电子终端界面 ===== */
/* 适配者学院风格：深色背景 + 暗金边框 + 扫描线动效 + 脉冲加载 */
/* 1. 全局背景与扫描线动效 */
body {
    background-color: #0a0c12 !important;
    position: relative;
}
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, rgba(212, 175, 55, 0.08) 0px, rgba(212, 175, 55, 0.08) 2px, transparent 2px, transparent 8px);
    z-index: 999;
    animation: scanMove 12s linear infinite;
}
@keyframes scanMove {
    0% { background-position: 0 0; }
    100% { background-position: 0 100%; }
}
/* 2. 全局文字颜色 */
body, .markdown-body, .text-gray-700, .text-gray-600, .MuiTypography-root {
    color: #e8eef4 !important;
}
/* 3. 聊天框（终端窗口风格 - 暗金左边框） */
.bg-gray-100\/90.relative.inline-block {
    background: rgba(10, 12, 20, 0.92) !important;
    backdrop-filter: blur(6px) !important;
    border: 1px solid #2c2e34 !important;
    border-left: 4px solid #b89a3b !important;
    border-radius: 8px 20px 20px 8px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
    padding: 16px 20px !important;
    margin: 10px 0 !important;
    transition: all 0.2s ease !important;
}
.bg-gray-100\/90.relative.inline-block:hover {
    border-color: #e0b354 !important;
    box-shadow: 0 0 18px rgba(184, 154, 59, 0.2), inset 0 0 0 1px rgba(184, 154, 59, 0.3) !important;
}
/* 用户消息框（右边框金色） */
.flex-row-reverse .bg-gray-100\/90.relative.inline-block {
    border-left: 1px solid #2c2e34 !important;
    border-right: 4px solid #b89a3b !important;
    border-radius: 20px 8px 8px 20px !important;
}
/* 4. 正文样式（等宽字体） */
.markdown-body {
    font-family: 'Courier New', 'Fira Code', 'Consolas', monospace !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
}
.markdown-body strong {
    color: #e0b354 !important;
}
/* 5. 折叠面板（状态栏/记忆区） */
.markdown-body details {
    background: rgba(0, 0, 0, 0.35) !important;
    border-left: 3px solid #b89a3b !important;
    border-radius: 6px !important;
    margin: 12px 0 !important;
    padding: 6px 12px !important;
    transition: all 0.2s;
}
.markdown-body details[open] {
    background: rgba(0, 0, 0, 0.55) !important;
    border-left-color: #e0b354 !important;
}
.markdown-body summary {
    cursor: pointer !important;
    font-weight: 600 !important;
    color: #cfdfee !important;
    list-style: none !important;
    transition: padding-left 0.2s;
}
.markdown-body summary:hover {
    padding-left: 8px !important;
    color: #e0b354 !important;
}
/* 6. 表格（记忆区） */
.markdown-body table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: rgba(0, 0, 0, 0.35) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin: 12px 0 !important;
}
.markdown-body th,
.markdown-body td {
    border: 1px solid #3a3e46 !important;
    padding: 8px 12px !important;
    color: #dce3ec !important;
}
.markdown-body th {
    background: #252931 !important;
    color: #e0b354 !important;
}
/* 7. 加载动画（金色脉冲） */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    min-width: 32px !important;
    min-height: 32px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='28' height='28'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='%23b89a3b' stroke-width='2.5'%3E%3Canimate attributeName='r' values='10;18;10' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='20' cy='20' r='5' fill='%23b89a3b'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
/* 8. 顶部导航栏 */
.sticky.w-full.top-0.flex.items-center {
    background: rgba(8, 10, 18, 0.9) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 2px solid rgba(184, 154, 59, 0.6) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
    color: #e0b354 !important;
    font-weight: 600 !important;
    text-shadow: 0 0 4px rgba(224, 179, 84, 0.5) !important;
}
.sticky.w-full.top-0 svg {
    color: #e0b354 !important;
    transition: transform 0.2s, filter 0.2s !important;
}
.sticky.w-full.top-0 button:hover svg {
    transform: scale(1.1) !important;
    filter: drop-shadow(0 0 6px #e0b354) !important;
}
/* 9. 底部输入区域 */
.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(8, 10, 18, 0.96), rgba(8, 10, 18, 0.88)) !important;
}
#ai-chat-bottom-input {
    background: rgba(8, 10, 18, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    border-top: 1px solid rgba(184, 154, 59, 0.5) !important;
}
#ai-chat-input {
    background: #0f111a !important;
    border: 1px solid #3a3e46 !important;
    color: #e8eef4 !important;
    border-radius: 8px !important;
    font-family: 'Courier New', monospace !important;
}
#ai-chat-input:focus {
    border-color: #e0b354 !important;
    box-shadow: 0 0 12px rgba(224, 179, 84, 0.4) !important;
    outline: none !important;
}
#ai-chat-input::placeholder {
    color: #6a6f7a !important;
}
/* 发送按钮（暗金机械感） */
div.cursor-pointer.group.flex.items-center.justify-center:has(svg[data-icon="Send03"]) {
    background: linear-gradient(180deg, #2b2f36, #1f2229) !important;
    border-radius: 6px !important;
    border: 1px solid #4a4e58 !important;
    border-bottom: 1px solid #15171c !important;
    box-shadow: 0 4px 0 #15171c, 0 5px 10px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
    color: #b89a3b !important;
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 40px !important;
    height: 40px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:has(svg[data-icon="Send03"]):hover {
    background: linear-gradient(180deg, #343942, #252931) !important;
    border-color: #b89a3b !important;
    box-shadow: 0 4px 0 #5a4b1c, 0 5px 12px rgba(184, 154, 59, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.15) !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:has(svg[data-icon="Send03"]):active {
    transform: translateY(4px) !important;
    box-shadow: 0 0 0 #5a4b1c, 0 1px 2px rgba(184, 154, 59, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}
/* 10. MOD/流式按钮 */
#ai-mod-button2 button.MuiButton-root {
    background: rgba(30, 32, 40, 0.8) !important;
    border: 1px solid #4a4e58 !important;
    color: #b0b8c5 !important;
    backdrop-filter: blur(4px);
}
#ai-mod-button2 button.MuiButton-root:hover {
    background: rgba(184, 154, 59, 0.15) !important;
    border-color: #b89a3b !important;
    color: #e0b354 !important;
}
/* 11. 分页器与评论区 */
.MuiPaginationItem-root {
    color: #9aa3b0 !important;
    background: #1f2229 !important;
    border: 1px solid #3d424b !important;
}
.MuiPaginationItem-root.Mui-selected {
    background: #b89a3b !important;
    color: #0b0d12 !important;
    font-weight: bold !important;
}
div.group.ml-0 {
    background: rgba(255, 255, 255, 0.02) !important;
    border-left: 3px solid #3a3e46 !important;
    transition: all 0.2s !important;
}
div.group.ml-0:hover {
    background: rgba(184, 154, 59, 0.05) !important;
    border-left-color: #b89a3b !important;
}
span.MuiRating-iconFilled svg {
    color: #e0b354 !important;
    filter: drop-shadow(0 0 2px rgba(224, 179, 84, 0.4));
}
/* 12. 移动端适配 */
@media (max-width: 768px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 12px 14px !important;
        border-left-width: 3px !important;
        border-radius: 6px 12px 12px 6px !important;
    }
    .flex-row-reverse .bg-gray-100\/90.relative.inline-block {
        border-right-width: 3px !important;
        border-radius: 12px 6px 6px 12px !important;
    }
    .markdown-body {
        font-size: 0.85rem !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' width='24' height='24'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='%23b89a3b' stroke-width='2.5'%3E%3Canimate attributeName='r' values='10;18;10' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='20' cy='20' r='5' fill='%23b89a3b'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
    }
    #ai-chat-input {
        font-size: 16px !important;
    }
}
/* 13. 状态栏展开呼吸 */
details[open] > summary {
    text-shadow: 0 0 4px rgba(184, 154, 59, 0.5);
}