/* =========================================
   ✨ 极光之夜 · 护眼沉浸版全局美化 (终极满配) ✨
   ========================================= */

/* 1. 强制移除刺眼的默认顶部装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 聊天气泡：深邃极光渐变 (低蓝光，极度护眼) */
[class*="bg-gray-100"] {
    background: linear-gradient(135deg, #13151a 0%, #1e1e2f 50%, #171923 100%) !important;
    border: 1px solid rgba(100, 116, 139, 0.3) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), inset 0 0 12px rgba(129, 140, 248, 0.1) !important;
    padding: 16px !important;
    backdrop-filter: blur(10px) !important;
}

/* 3. 文本可读性：柔和护眼对比度 */
.markdown-body {
    color: #e2e8f0 !important; 
    font-family: "PingFang SC", "Microsoft YaHei", "Inter", sans-serif !important;
    line-height: 1.8 !important;
    letter-spacing: 0.3px !important;
}

/* 🌟 新增：星尘选区 (划选文字时的魔法微光) */
.markdown-body ::selection {
    background: rgba(129, 140, 248, 0.3) !important;
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5) !important;
}

/* 魔法Emoji装饰：对话前的微光星星 */
.markdown-body::before {
    content: "✦ " !important;
    color: #818cf8 !important;
    text-shadow: 0 0 8px rgba(129, 140, 248, 0.6) !important;
}

/* 强调文本：极光青色，清晰且不刺眼 */
.markdown-body strong {
    color: #34d399 !important; 
    font-weight: 600 !important;
    background: rgba(52, 211, 153, 0.1) !important;
    padding: 0 4px !important;
    border-radius: 4px !important;
}

/* 🌟 新增：流光链接 (超链接附魔) */
.markdown-body a {
    color: #a5b4fc !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(165, 180, 252, 0.5) !important;
    transition: all 0.3s ease !important;
}
.markdown-body a:hover {
    color: #e0e7ff !important;
    border-bottom: 1px solid #e0e7ff !important;
    text-shadow: 0 0 8px rgba(165, 180, 252, 0.8) !important;
}

/* 🌟 新增：星轨分割线 */
.markdown-body hr {
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(129, 140, 248, 0.8), transparent) !important;
    border: none !important;
    margin: 24px 0 !important;
    box-shadow: 0 0 10px rgba(129, 140, 248, 0.4) !important;
}

/* 🌟 新增：魔法卷轴引言 (Blockquote) */
.markdown-body blockquote {
    border-left: 4px solid #818cf8 !important;
    background: linear-gradient(90deg, rgba(129, 140, 248, 0.1) 0%, transparent 100%) !important;
    padding: 12px 16px !important;
    margin: 16px 0 !important;
    border-radius: 0 12px 12px 0 !important;
    color: #cbd5e1 !important;
    font-style: italic !important;
}

/* 🌟 新增：琉璃表格 (暗夜半透明质感) */
.markdown-body table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 16px 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}
.markdown-body th {
    background: rgba(30, 41, 59, 0.8) !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    padding: 12px !important;
    border: 1px solid rgba(129, 140, 248, 0.2) !important;
}
.markdown-body td {
    background: rgba(15, 23, 42, 0.4) !important;
    padding: 12px !important;
    border: 1px solid rgba(129, 140, 248, 0.1) !important;
    transition: background 0.3s ease !important;
}
.markdown-body tr:hover td {
    background: rgba(129, 140, 248, 0.15) !important;
}

/* 4. 底部附加元素：柔和月光 */
[class*="text-orange-500"],
button {
    color: #94a3b8 !important; 
    transition: all 0.3s ease !important;
}
button:hover {
    color: #c0caf5 !important;
    text-shadow: 0 0 5px rgba(192, 202, 245, 0.5) !important;
}

/* 5. 动态等待效果：星月流转 */
[class*="style_dot-flashing"] {
    display: none !important;
}
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    min-width: 30px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    width: 22px !important;
    height: 22px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 L55 40 L85 45 L55 50 L50 80 L45 50 L15 45 L45 40 Z' fill='%23818CF8'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.4;1' dur='2s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* =========================================
   💻 代码块专属美化 (暗夜流光版)
   ========================================= */

/* 1. 代码块外层容器 */
.markdown-body pre {
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden !important;
  margin: 1.5em 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #0d1117 !important;
}

/* 2. 头部栏美化 (Mac风格暗色调) */
.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
  background: #161b22 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 0 16px !important;
  height: 40px !important;
}

/* 3. 语言标签强化显示 */
.markdown-body pre > div > div.flex.justify-between > div:first-child {
  color: #8b949e !important;
  font-weight: 600 !important;
  font-family: 'Consolas', monospace !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

/* 4. 复制按钮联动处理 (暗黑悬浮光效) */
.markdown-body pre div[data-tooltip-id^="copy-tooltip"],
.markdown-body pre .copy-btn-legacy {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #c9d1d9 !important;
  border-radius: 6px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover,
.markdown-body pre .copy-btn-legacy:hover {
  background-color: rgba(129, 140, 248, 0.2) !important;
  border-color: #818cf8 !important;
  box-shadow: 0 0 10px rgba(129, 140, 248, 0.3) !important;
}

/* 5. 代码内容区 (深空暗色，极致护眼) */
.markdown-body pre > div > div[node] {
  background: #0d1117 !important;
  color: #c9d1d9 !important;
  padding: 20px !important;
  font-family: 'Fira Code', 'JetBrains Mono', 'Consolas', monospace !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* 6. 滚动条美化 (隐形流光) */
.markdown-body pre > div > div[node]::-webkit-scrollbar {
  height: 8px !important;
  width: 8px !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-track {
  background: #0d1117 !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb {
  background: rgba(139, 148, 158, 0.3) !important;
  border-radius: 10px !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb:hover {
  background: rgba(129, 140, 248, 0.6) !important;
}

/* 7. 移动端自适应优化 */
@media (max-width: 480px) {
    [class*="bg-gray-100"] {
        margin: 8px !important;
        border-radius: 12px !important;
        padding: 12px !important;
    }
    .markdown-body pre {
        border-radius: 8px !important;
    }
}

/* =========================================
   🔮 专属折叠按钮美化 (星空折叠门)
   ========================================= */

/* 针对折叠块外层容器 */
.markdown-body details {
    background: rgba(19, 21, 26, 0.4) !important;
    border: 1px solid rgba(129, 140, 248, 0.2) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    margin: 12px 0 !important;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.markdown-body details:hover {
    border-color: rgba(129, 140, 248, 0.5) !important;
    background: rgba(19, 21, 26, 0.6) !important;
}

/* 针对折叠按钮/标题栏 */
.markdown-body summary {
    cursor: pointer !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    list-style: none !important; 
    display: flex !important;
    align-items: center !important;
    outline: none !important;
    transition: color 0.3s ease !important;
}

.markdown-body summary:hover {
    color: #e0e7ff !important;
    text-shadow: 0 0 8px rgba(165, 180, 252, 0.5) !important;
}

/* 隐藏 Webkit 默认的折叠箭头 */
.markdown-body summary::-webkit-details-marker {
    display: none !important;
}

/* 自定义魔法折叠箭头及动画 */
.markdown-body summary::before {
    content: "▶" !important;
    font-size: 12px !important;
    margin-right: 10px !important;
    color: #818cf8 !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 展开时的箭头旋转效果 */
.markdown-body details[open] summary::before {
    transform: rotate(90deg) !important;
    color: #34d399 !important; 
}

/* 展开后的内部内容间距调整 */
.markdown-body details[open] summary {
    margin-bottom: 12px !important;
    border-bottom: 1px dashed rgba(129, 140, 248, 0.3) !important;
    padding-bottom: 8px !important;
}

/* =========================================
   深邃星空主题 (Deep Starfield Theme)
   特点: 宇宙渐变深色底、闪烁星辰、划过流星、
         脉动星核加载动效、全SVG SMIL驱动
   ========================================= */

/* 1. 隐藏默认顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 统一聊天框主体 — 深邃宇宙渐变 */
.bg-gray-100\/90.relative.inline-block {
    background: linear-gradient(
        160deg,
        #0B0E1A 0%,
        #111638 20%,
        #0D1B3E 40%,
        #1A1040 60%,
        #120E2A 80%,
        #0A0C18 100%
    ) !important;
    border: 1px solid rgba(100, 140, 255, 0.15) !important;
    box-shadow:
        0 0 0 1px rgba(80, 120, 255, 0.08),
        0 0 20px rgba(60, 80, 200, 0.10),
        0 8px 40px rgba(10, 10, 40, 0.50),
        inset 0 1px 0 rgba(120, 160, 255, 0.06) !important;
    border-radius: 20px !important;
    isolation: isolate !important;
    position: relative !important;
    overflow: hidden !important;
    transition: box-shadow 0.4s ease, transform 0.3s ease !important;
}

.bg-gray-100\/90.relative.inline-block:hover {
    box-shadow:
        0 0 0 1.5px rgba(100, 140, 255, 0.2),
        0 0 30px rgba(80, 100, 255, 0.15),
        0 12px 50px rgba(10, 10, 50, 0.55),
        inset 0 1px 0 rgba(140, 180, 255, 0.1) !important;
    transform: translateY(-1px) !important;
}

/* 3. 背景动效层 — 闪烁星辰 (SVG SMIL, ::before) */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.85 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 350' width='500' height='350'%3E%3C!-- 星1 亮白 --%3E%3Ccircle cx='45' cy='30' r='1.2' fill='%23FFFFFF'%3E%3Canimate attributeName='opacity' values='0.2;1;0.2' dur='3s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星2 淡蓝 --%3E%3Ccircle cx='120' cy='80' r='1.5' fill='%23A0C4FF'%3E%3Canimate attributeName='opacity' values='0.3;0.9;0.3' dur='4.2s' repeatCount='indefinite' /%3E%3Canimate attributeName='r' values='1.5;2;1.5' dur='4.2s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星3 白 --%3E%3Ccircle cx='230' cy='25' r='1' fill='%23FFFFFF'%3E%3Canimate attributeName='opacity' values='0.15;0.85;0.15' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星4 淡紫 --%3E%3Ccircle cx='310' cy='110' r='1.8' fill='%23C4B5FF'%3E%3Canimate attributeName='opacity' values='0.2;0.95;0.2' dur='3.5s' repeatCount='indefinite' /%3E%3Canimate attributeName='r' values='1.8;2.5;1.8' dur='3.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星5 白 --%3E%3Ccircle cx='420' cy='55' r='1' fill='%23FFFFFF'%3E%3Canimate attributeName='opacity' values='0.1;0.7;0.1' dur='6s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星6 淡蓝 --%3E%3Ccircle cx='470' cy='180' r='1.3' fill='%2390B8FF'%3E%3Canimate attributeName='opacity' values='0.25;0.85;0.25' dur='4.8s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星7 白 --%3E%3Ccircle cx='80' cy='200' r='0.8' fill='%23FFFFFF'%3E%3Canimate attributeName='opacity' values='0.3;1;0.3' dur='2.8s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星8 淡金 --%3E%3Ccircle cx='190' cy='160' r='1.6' fill='%23FFE4A0'%3E%3Canimate attributeName='opacity' values='0.15;0.8;0.15' dur='5.5s' repeatCount='indefinite' /%3E%3Canimate attributeName='r' values='1.6;2.2;1.6' dur='5.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星9 白 --%3E%3Ccircle cx='350' cy='230' r='1.1' fill='%23FFFFFF'%3E%3Canimate attributeName='opacity' values='0.2;0.9;0.2' dur='3.8s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星10 淡蓝 --%3E%3Ccircle cx='260' cy='280' r='1.4' fill='%23A8BFFF'%3E%3Canimate attributeName='opacity' values='0.1;0.75;0.1' dur='4.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星11 白 --%3E%3Ccircle cx='440' cy='300' r='0.9' fill='%23FFFFFF'%3E%3Canimate attributeName='opacity' values='0.2;0.8;0.2' dur='3.2s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 星12 淡紫 --%3E%3Ccircle cx='30' cy='310' r='1.7' fill='%23D0B8FF'%3E%3Canimate attributeName='opacity' values='0.2;0.9;0.2' dur='6.5s' repeatCount='indefinite' /%3E%3Canimate attributeName='r' values='1.7;2.3;1.7' dur='6.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 十字星芒 --%3E%3Cg transform='translate(380,60)'%3E%3Cline x1='-5' y1='0' x2='5' y2='0' stroke='%23FFFFFF' stroke-width='0.6'%3E%3Canimate attributeName='opacity' values='0.1;0.9;0.1' dur='4s' repeatCount='indefinite' /%3E%3C/line%3E%3Cline x1='0' y1='-5' x2='0' y2='5' stroke='%23FFFFFF' stroke-width='0.6'%3E%3Canimate attributeName='opacity' values='0.1;0.9;0.1' dur='4s' repeatCount='indefinite' /%3E%3C/line%3E%3C/g%3E%3Cg transform='translate(150,120)'%3E%3Cline x1='-4' y1='0' x2='4' y2='0' stroke='%23C4D0FF' stroke-width='0.5'%3E%3Canimate attributeName='opacity' values='0.15;0.8;0.15' dur='5.2s' repeatCount='indefinite' /%3E%3C/line%3E%3Cline x1='0' y1='-4' x2='0' y2='4' stroke='%23C4D0FF' stroke-width='0.5'%3E%3Canimate attributeName='opacity' values='0.15;0.8;0.15' dur='5.2s' repeatCount='indefinite' /%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-repeat: repeat !important;
}

/* 4. 背景动效层 — 流星划过 (SVG SMIL, ::after) */
.bg-gray-100\/90.relative.inline-block::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 300' width='500' height='300'%3E%3Cdefs%3E%3ClinearGradient id='m1' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%23FFFFFF' stop-opacity='0.9' /%3E%3Cstop offset='100%25' stop-color='%23FFFFFF' stop-opacity='0' /%3E%3C/linearGradient%3E%3ClinearGradient id='m2' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%23A0C4FF' stop-opacity='0.8' /%3E%3Cstop offset='100%25' stop-color='%23A0C4FF' stop-opacity='0' /%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- 流星1 --%3E%3Cline x1='0' y1='0' x2='40' y2='0' stroke='url(%23m1)' stroke-width='1.5' stroke-linecap='round' transform='rotate(35)'%3E%3CanimateTransform attributeName='transform' type='translate' values='-60,-20;520,340' dur='8s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0;0;1;1;0;0;0;0;0;0' dur='8s' repeatCount='indefinite' /%3E%3C/line%3E%3C!-- 流星2 --%3E%3Cline x1='0' y1='0' x2='30' y2='0' stroke='url(%23m2)' stroke-width='1' stroke-linecap='round' transform='rotate(40)'%3E%3CanimateTransform attributeName='transform' type='translate' values='50,-30;550,280' dur='12s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0;0;0;0;0;1;1;0;0;0;0;0' dur='12s' repeatCount='indefinite' /%3E%3C/line%3E%3C!-- 流星3 微小 --%3E%3Cline x1='0' y1='0' x2='20' y2='0' stroke='url(%23m1)' stroke-width='0.8' stroke-linecap='round' transform='rotate(30)'%3E%3CanimateTransform attributeName='transform' type='translate' values='-30,40;480,320' dur='15s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0;0;0;0;0;0;0;1;0.8;0;0;0;0;0;0' dur='15s' repeatCount='indefinite' /%3E%3C/line%3E%3C/svg%3E") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 5. 主文本内容 — 浅色高对比度 (深色背景强制联动) */
.markdown-body {
    color: #E8ECF4 !important;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", sans-serif !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
    line-height: 1.75 !important;
    letter-spacing: 0.02em !important;
}

.markdown-body strong {
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* 行内代码块 — 星空蓝调 */
.markdown-body code {
    background: rgba(80, 120, 255, 0.12) !important;
    color: #A8C8FF !important;
    border-radius: 5px !important;
    padding: 2px 6px !important;
    border: 1px solid rgba(100, 140, 255, 0.18) !important;
    font-size: 0.9em !important;
}

/* 代码块 */
.markdown-body pre {
    background: rgba(8, 10, 25, 0.5) !important;
    border: 1px solid rgba(80, 120, 255, 0.12) !important;
    border-radius: 12px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 引用块 — 星云紫边 */
.markdown-body blockquote {
    border-left: 3px solid rgba(160, 140, 255, 0.5) !important;
    background: rgba(30, 25, 60, 0.4) !important;
    border-radius: 0 10px 10px 0 !important;
    padding: 8px 16px !important;
    position: relative !important;
    z-index: 1 !important;
    color: #D0D4E0 !important;
}

/* 链接 — 星蓝色 */
.markdown-body a {
    color: #7EB0FF !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(126, 176, 255, 0.4) !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
}

.markdown-body a:hover {
    color: #A0CFFF !important;
    border-bottom-color: rgba(160, 207, 255, 0.6) !important;
}

/* 列表标记 */
.markdown-body li::marker {
    color: #7080B0 !important;
}

/* 水平线 */
.markdown-body hr {
    border-color: rgba(80, 120, 255, 0.15) !important;
}

/* 6. 底部附加元素 — 星辉色调 (深色背景联动浅色) */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #8EA8D8 !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    z-index: 1 !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #B0CFFF !important;
    background: rgba(80, 120, 255, 0.10) !important;
}

.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #7888B0 !important;
    font-style: italic !important;
    position: relative !important;
    z-index: 1 !important;
}

.text-orange-500 {
    color: #90A0C8 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 7. 加载动画 — 脉动星核 + 旋转星轨 (SVG SMIL) */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    min-height: 40px !important;
    min-width: 40px !important;
}

/* 星核：中心脉动光球 + 环绕粒子 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 36px !important;
    height: 36px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50' height='50'%3E%3Cdefs%3E%3CradialGradient id='core' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23FFFFFF' stop-opacity='1' /%3E%3Cstop offset='40%25' stop-color='%23A0C4FF' stop-opacity='0.8' /%3E%3Cstop offset='100%25' stop-color='%234060C0' stop-opacity='0' /%3E%3C/radialGradient%3E%3C/defs%3E%3C!-- 核心光球 --%3E%3Ccircle cx='25' cy='25' r='4' fill='url(%23core)'%3E%3Canimate attributeName='r' values='3;5.5;3' dur='2s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0.8;1;0.8' dur='2s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 环绕粒子1 --%3E%3Ccircle cx='25' cy='12' r='1.5' fill='%23A0C4FF' opacity='0.8'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 25 25;360 25 25' dur='3s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0.8;0.3;0.8' dur='1.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 环绕粒子2 --%3E%3Ccircle cx='25' cy='38' r='1.2' fill='%23C4B5FF' opacity='0.7'%3E%3CanimateTransform attributeName='transform' type='rotate' values='180 25 25;540 25 25' dur='3s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0.7;0.25;0.7' dur='1.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C!-- 环绕粒子3 --%3E%3Ccircle cx='12' cy='25' r='1' fill='%23FFE4A0' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' values='90 25 25;450 25 25' dur='4s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0.6;0.2;0.6' dur='2s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 2 !important;
}

/* 外围星轨光环 */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 42px !important;
    height: 42px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50' height='50'%3E%3C!-- 外轨道1 --%3E%3Cellipse cx='25' cy='25' rx='20' ry='8' fill='none' stroke='%234870C0' stroke-width='0.5' opacity='0.4' stroke-dasharray='4 6'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 25 25;360 25 25' dur='8s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0.4;0.15;0.4' dur='4s' repeatCount='indefinite' /%3E%3C/ellipse%3E%3C!-- 外轨道2 交叉 --%3E%3Cellipse cx='25' cy='25' rx='18' ry='6' fill='none' stroke='%236050A0' stroke-width='0.4' opacity='0.3' stroke-dasharray='3 5'%3E%3CanimateTransform attributeName='transform' type='rotate' values='60 25 25;420 25 25' dur='10s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='0.3;0.1;0.3' dur='5s' repeatCount='indefinite' /%3E%3C/ellipse%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 1 !important;
}

/* 8. 移动端适配 */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        border-radius: 16px !important;
    }
    .flex.items-center.justify-center.w-6.h-5 {
        min-height: 32px !important;
        min-width: 32px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 28px !important;
        height: 28px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::after {
        width: 34px !important;
        height: 34px !important;
    }
}

/* 9. 低动效偏好适配 */
@media (prefers-reduced-motion: reduce) {
    .bg-gray-100\/90.relative.inline-block::before {
        opacity: 0.5 !important;
    }
    .bg-gray-100\/90.relative.inline-block::after {
        opacity: 0.3 !important;
    }
    .bg-gray-100\/90.relative.inline-block:hover {
        transform: none !important;
    }
}
/* =========================================
   修复补丁：恢复表格横向滑动功能
   ========================================= */
.markdown-body table {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important; /* 优化移动端触摸滑动体验 */
    border-collapse: collapse !important;
}

/* 优化表格在深色/浅色主题下的边框和背景显示（自适应兼容） */
.markdown-body table th,
.markdown-body table td {
    border: 1px solid rgba(150, 150, 150, 0.2) !important;
    padding: 8px 12px !important;
}

.markdown-body table tr:nth-child(2n) {
    background-color: rgba(150, 150, 150, 0.05) !important;
}

/* 确保长代码块也能正常滑动 */
.markdown-body pre {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}