css
/* 隐藏自带的顶部颜色装饰条以确保整体风格一致 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 聊天框基础样式：深色背景 + SVG霓虹网格 + 异色霓虹边框 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #090a0f !important;
    background-image: url('data:image/svg+xml;utf8,<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M 30 0 L 0 0 0 30" fill="none" stroke="%23ff003c" stroke-width="0.5" stroke-opacity="0.15"/></svg>') !important;
    border: 1px solid #00f3ff !important;
    border-right: 4px solid #ff003c !important; /* 赛博朋克标志性不对称品红右侧边 */
    border-radius: 0px !important; /* 切割感直角 */
    box-shadow: 0 0 10px rgba(0, 243, 255, 0.3), inset 0 0 15px rgba(0, 0, 0, 0.9) !important;
    position: relative !important;
    isolation: isolate !important;
}

/* 聊天框主文本：绝对可读性保障与未来感字体 */
.markdown-body {
    color: #F0F0F0 !important; /* 强制极高对比度的纯粹浅色以适配暗黑背景 */
    font-family: "Consolas", "Courier New", "SF Mono", monospace !important; /* 等宽黑客字体 */
    background: transparent !important;
    z-index: 1 !important;
    font-weight: 500 !important;
}

/* 底部操作按钮与消耗数值：高亮青色增强赛博感并确保可见度 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #00f3ff !important; 
    font-family: "Consolas", "Courier New", monospace !important;
    text-shadow: 0 0 5px rgba(0, 243, 255, 0.4) !important; /* 仅给底部小控件加光晕，保护主文本 */
}
css
/* =========================================
   Cyberpunk 2077 Code Block Theme
   ========================================= */

/* S1: 代码块根容器 - 霓虹边框与错位阴影 */
.markdown-body pre {
    border: 1px solid #00ffff !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px rgba(255, 0, 51, 0.6) !important;
    background: #080808 !important;
    overflow: hidden !important;
    position: relative !important;
}

/* S3: 头部栏 - 经典赛博黄背景与高危红底边框 */
.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
    background-color: #fcee0a !important;
    border-bottom: 2px solid #ff003c !important;
    border-radius: 0 !important;
}

/* S4: 语言标签 - 赛博朋克黑体全大写 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\],
.markdown-body pre > div > div.flex.justify-between > div:first-child {
    color: #000000 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-family: 'Courier New', Courier, monospace !important;
}

/* R3/S8: 复制图标颜色联动 - 适配黄色背景 */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
    color: #000000 !important;
    stroke-width: 2.5px !important;
}

/* R3/S8: 复制图标Hover状态 - 霓虹红 */
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
    color: #ff003c !important;
    transform: scale(1.15) !important;
}

/* R4/S9: 代码内容区 - 深邃黑客终端背景与霓虹青文字 */
.markdown-body pre > div > div[node] {
    background: #080808 !important;
    color: #00ffff !important; 
    border-radius: 0 !important;
    font-family: 'Courier New', Courier, monospace !important;
}

/* S11: 强化代码文字的数字发光感 */
.markdown-body pre code[class^="language-"] > span {
    text-shadow: 0 0 3px rgba(0, 255, 255, 0.4) !important;
}

/* S12: 无语言标识纯代码块 - 独立样式 */
.markdown-body pre > code[node],
.markdown-body pre > code:only-child {
    display: block !important;
    background: #080808 !important;
    color: #00ffff !important;
    border-top: 1px solid #fcee0a !important;
    border-left: 4px solid #ff003c !important;
    border-radius: 0 !important;
    padding: 12px !important;
    font-family: 'Courier New', Courier, monospace !important;
}

/* 滚动条赛博化改造 */
.markdown-body pre ::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important;
}
.markdown-body pre ::-webkit-scrollbar-track {
    background: #080808 !important;
    border-top: 1px solid #333 !important;
}
.markdown-body pre ::-webkit-scrollbar-thumb {
    background: #fcee0a !important;
    border-radius: 0 !important;
}
.markdown-body pre ::-webkit-scrollbar-thumb:hover {
    background: #ff003c !important;
}