@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none !important}
body,.markdown-body,ai{-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;text-rendering:optimizeLegibility !important}
body,#root,.h-screen{background-color:hsl(40,30%,94%) !important;color:hsl(210,20%,22%) !important}
.w-full.h-full.max-h-\[70vh\] {
    max-height: 100% !important;
    height: 100% !important;
}
/* ── 顶栏：低冲突，淡藏青纸感 ── */
.sticky.w-full.top-0.flex.items-center{background:linear-gradient(180deg,hsl(40,40%,93%),hsl(40,32%,88%)) !important;border-bottom:1px solid hsl(213,30%,62%) !important;box-shadow:0 1px 8px hsl(213,30%,30%,0.12) !important}
#ai-model-selector .group.flex.items-center{background:hsl(40,42%,91%) !important;border:1px solid hsl(213,24%,72%) !important;border-radius:6px !important;padding:3px 9px !important;transition:all .15s ease !important}
#ai-model-selector .group.flex.items-center:hover{background:hsl(40,48%,87%) !important;border-color:hsl(213,46%,40%) !important;box-shadow:0 0 8px hsl(213,40%,40%,0.18) !important}
#ai-model-selector .truncate.text-$$13px$${color:hsl(213,48%,30%) !important;font-weight:600 !important;letter-spacing:.3px !important}
.sticky.w-full.top-0 svg{color:hsl(213,38%,40%) !important;transition:color .15s ease !important}
.sticky.w-full.top-0 svg:hover,#header-setting-button:hover svg{color:hsl(40,68%,42%) !important}
.shadow-lg.border-r.border-gray-200{background:hsl(40,30%,92%) !important;border-right:1px solid hsl(35,24%,78%) !important}

/* ── 气泡：用户=藏青描边小盒；AI正文=透明走宣纸 ── */
.conversation-text{color:hsl(210,18%,30%) !important}
.chat-container{background-color:transparent !important}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){background:hsl(40,44%,89%) !important;color:hsl(210,22%,20%) !important;border:1px solid hsl(35,26%,76%) !important;border-left:3px solid hsl(213,48%,34%) !important;border-radius:6px !important;font-family:'Noto Serif SC',serif !important;font-size:15px !important;line-height:1.8 !important;box-shadow:0 1px 4px hsl(35,30%,50%,0.18) !important}
.chat-answer-container .bg-gray-100\/90.relative.inline-block{background:transparent !important;border:none !important}

/* ── markdown：墨字 + 藏青强调 + 宣纸黄高亮 ── */
.markdown-body{color:hsl(210,20%,20%) !important;background:transparent !important;font-family:'Noto Serif SC',serif !important;font-size:1.05em !important;line-height:1.86 !important}
.markdown-body strong,.markdown-body b{color:hsl(40,68%,40%) !important}
.markdown-body em,.markdown-body i{color:hsl(213,46%,36%) !important;font-style:italic !important}
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:hsl(213,48%,30%) !important;border-bottom:1px solid hsl(35,26%,74%) !important;padding-bottom:4px !important}
.markdown-body blockquote{border-left:3px solid hsl(213,42%,40%) !important;background:hsl(40,40%,87%) !important;color:hsl(210,18%,28%) !important;padding:8px 14px !important;margin:12px 0 !important;border-radius:0 5px 5px 0 !important}
.markdown-body hr{border:none !important;border-top:1px solid hsl(35,24%,72%) !important;margin:16px 0 !important}
.markdown-body ul li::marker,.markdown-body ol li::marker{color:hsl(213,46%,38%) !important}
.markdown-body code{background:hsl(40,38%,86%) !important;color:hsl(213,48%,32%) !important;border-radius:3px !important;padding:1px 5px !important}

/* ── 输入区 ── */
.bg-gradient-to-t{background:none !important;background-color:transparent !important}
#ai-chat-bottom-input{background:hsl(40,32%,90%) !important;border-top:1px solid hsl(213,28%,66%) !important;box-shadow:0 -1px 10px hsl(213,30%,30%,0.1) !important}
#ai-chat-input{background:hsl(40,44%,93%) !important;color:hsl(210,22%,20%) !important;caret-color:hsl(213,48%,38%) !important;border:1px solid hsl(35,24%,72%) !important;border-radius:8px !important;font-family:'Noto Serif SC',serif !important;font-size:15px !important;line-height:1.7 !important;transition:all .15s ease !important}
#ai-chat-input:focus{border-color:hsl(213,48%,40%) !important;box-shadow:0 0 0 2px hsl(213,48%,40%,0.14) !important;outline:none !important}
#ai-chat-input::placeholder{color:hsl(35,16%,52%) !important;opacity:1 !important}
#ai-mod-button2 button.MuiButton-root{color:hsl(213,42%,36%) !important;border:1px solid hsl(213,24%,68%) !important;background:hsl(40,40%,91%) !important;border-radius:20px !important;font-size:13px !important;transition:all .12s ease !important}
#ai-mod-button2 button.MuiButton-root:hover{background:hsl(40,52%,86%) !important;border-color:hsl(40,60%,46%) !important;color:hsl(213,48%,28%) !important}
.MuiPaginationItem-root.Mui-selected{background:hsl(213,46%,32%) !important;color:hsl(40,44%,92%) !important;border:1px solid hsl(40,56%,50%) !important;font-weight:700 !important}

/* ── 滚动条 ── */
::-webkit-scrollbar{width:5px !important;height:5px !important}
::-webkit-scrollbar-track{background:hsl(40,24%,86%) !important}
::-webkit-scrollbar-thumb{background:linear-gradient(hsl(213,30%,52%),hsl(35,30%,60%)) !important;border-radius:3px !important}
::-webkit-scrollbar-thumb:hover{background:hsl(40,56%,46%) !important}

/* ── 加载动画：宣纸上的墨眼 ── */
.style_dot-flashing__8L91Q.style_text__zGhNq{display:none !important}
.style_dot-flashing__8L91Q,.style_dot-flashing__8L91Q::before,.style_dot-flashing__8L91Q::after{background-color:transparent !important;box-shadow:none !important}
.flex.items-center.justify-center.w-6.h-5{position:relative !important;width:60vw !important;max-width:400px !important;height:120px !important;margin:14px auto !important;overflow:visible !important}
.flex.items-center.justify-center.w-6.h-5::before{content:'' !important;position:absolute !important;left:50%;top:46% !important;width:54px !important;height:54px !important;margin:-27px 0 0 -27px !important;border-radius:50% !important;background:radial-gradient(circle at 50% 45%,hsl(40,48%,90%) 0%,hsl(40,60%,62%) 26%,hsl(213,48%,34%) 64%,hsl(213,40%,20%) 74%) !important;box-shadow:0 0 18px hsl(213,40%,40%,0.4) !important;animation:yk-load-eye 4s ease-in-out infinite !important}
.flex.items-center.justify-center.w-6.h-5::after{content:'百目将醒…' !important;position:absolute !important;bottom:12px !important;left:50% !important;transform:translateX(-50%) !important;font-family:'Noto Serif SC',serif !important;font-size:13px !important;color:hsl(213,44%,36%) !important;letter-spacing:4px !important;white-space:nowrap !important;animation:yk-load-txt 3s ease-in-out infinite !important}
@keyframes yk-load-eye{0%,86%,100%{transform:scaleY(1)}93%{transform:scaleY(.07)}}
@keyframes yk-load-txt{0%,100%{opacity:.35;letter-spacing:4px}50%{opacity:.9;letter-spacing:6px}}

/* ══════ <ai> 宣纸容器 ══════ */
ai{display:block !important;position:relative !important;background:linear-gradient(135deg,hsl(40,46%,91%) 0%,hsl(38,40%,87%) 50%,hsl(40,44%,89%) 100%) !important;color:hsl(210,22%,22%) !important;font-family:'Noto Serif SC','Songti SC',serif !important;font-size:13px !important;line-height:1.74 !important;letter-spacing:.01em !important;padding:16px 14px 18px !important;border:1px solid hsl(35,28%,70%) !important;border-radius:10px !important;overflow:hidden !important;box-shadow:0 1px 0 hsl(40,50%,96%,0.7) inset,0 10px 30px -12px hsl(213,30%,30%,0.4),0 0 0 1px hsl(40,30%,80%) !important;animation:yk-in .8s cubic-bezier(.2,.7,.2,1) !important}
@keyframes yk-in{from{opacity:0;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
ai::before{content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;z-index:0 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E") !important;opacity:.6 !important;mix-blend-mode:multiply !important}
ai>*{position:relative !important;z-index:1 !important}

/* 标题 */
ai hd{display:block !important;position:relative !important;text-align:center !important;font-size:17px !important;font-weight:900 !important;letter-spacing:.22em !important;text-indent:.22em !important;padding:12px 0 13px !important;margin-bottom:8px !important;color:hsl(213,52%,26%) !important;text-shadow:0 1px 0 hsl(40,50%,96%) !important}
ai hd::before,ai hd::after{content:"" !important;position:absolute !important;left:8% !important;right:8% !important;height:2px !important;background:linear-gradient(90deg,transparent,hsl(213,46%,38%) 20%,hsl(40,64%,46%) 50%,hsl(213,46%,38%) 80%,transparent) !important}
ai hd::before{top:0 !important}
ai hd::after{bottom:0 !important;opacity:.5 !important}

/* ── 思维链折叠：与正常盒区分（藏青虚线 + 斜纹） ── */
ai details.think{border:1px dashed hsl(213,38%,48%) !important;background:repeating-linear-gradient(45deg,hsl(213,28%,90%,0.5),hsl(213,28%,90%,0.5) 8px,hsl(40,36%,88%,0.5) 8px,hsl(40,36%,88%,0.5) 16px) !important}
ai details.think summary{color:hsl(213,52%,32%) !important;font-style:italic !important}
ai details.think summary::before{background:radial-gradient(circle at 50% 45%,hsl(40,60%,80%),hsl(213,46%,40%) 60%,transparent 72%) !important}
ai tk{display:block !important;padding:10px 14px 12px !important;font-size:12.5px !important;line-height:1.8 !important;color:hsl(213,30%,30%) !important;font-style:italic !important;border-top:1px dashed hsl(213,28%,66%) !important}

/* 通用折叠盒 */
ai details{margin:9px 0 !important;border:1px solid hsl(35,26%,70%) !important;border-radius:8px !important;background:hsl(40,42%,90%) !important;overflow:hidden !important;transition:border-color .35s,box-shadow .35s !important}
ai details[open]{border-color:hsl(213,40%,46%) !important;box-shadow:0 0 0 1px hsl(213,30%,60%,0.4),0 4px 14px -6px hsl(213,30%,30%,0.3) !important}
ai summary{display:flex !important;align-items:center !important;list-style:none !important;min-height:42px !important;padding:0 36px 0 34px !important;cursor:pointer !important;position:relative !important;font-size:13.5px !important;font-weight:700 !important;letter-spacing:.14em !important;color:hsl(213,48%,30%) !important;background:linear-gradient(90deg,hsl(213,28%,86%),transparent 72%) !important;user-select:none !important;transition:color .3s,background .3s !important}
ai summary::-webkit-details-marker,ai summary::marker{display:none !important}
ai summary::before{content:"" !important;position:absolute !important;left:13px !important;top:50% !important;width:10px !important;height:10px !important;margin-top:-5px !important;border-radius:50% !important;background:radial-gradient(circle at 50% 45%,hsl(40,56%,82%),hsl(40,62%,56%) 30%,hsl(213,46%,38%) 70%,transparent 74%) !important;box-shadow:0 0 6px hsl(213,36%,44%,0.5) !important;animation:yk-blink 4.6s ease-in-out infinite !important}
@keyframes yk-blink{0%,90%,100%{transform:scaleY(1);opacity:1}94%{transform:scaleY(.08);opacity:.5}}
ai summary::after{content:'' !important;position:absolute !important;right:14px !important;top:50% !important;width:6px;height:6px;margin-top:-4px !important;border-right:1.5px solid hsl(213,44%,38%) !important;border-bottom:1.5px solid hsl(213,44%,38%) !important;transform:rotate(45deg) !important;transition:transform .35s !important;opacity:.7 !important}
ai details[open] summary{color:hsl(40,68%,38%) !important;background:linear-gradient(90deg,hsl(40,46%,84%),transparent 72%) !important}
ai details[open] summary::after{transform:rotate(225deg) !important}

/* 内容行 */
ai d{display:block !important;padding:5px 14px !important;border-bottom:1px solid hsl(35,22%,82%) !important;font-size:12.5px !important;color:hsl(210,18%,26%) !important}
ai d:last-child{border-bottom:none !important}
ai f{display:inline-block !important;min-width:54px !important;color:hsl(213,46%,34%) !important;font-weight:600 !important;letter-spacing:.06em !important;margin-right:6px !important}
ai f::after{content:'：' !important;color:hsl(35,24%,60%) !important;margin-left:1px !important}
ai f~f{margin-left:14px !important}

/* ── grp 小节分隔标题（大盒内部用） ── */
ai grp{display:block !important;margin:4px 0 2px !important;padding:5px 14px 5px 26px !important;position:relative !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.16em !important;color:hsl(40,66%,38%) !important;background:linear-gradient(90deg,hsl(213,26%,84%,0.6),transparent 80%) !important;border-top:1px solid hsl(35,24%,78%) !important;border-bottom:1px solid hsl(35,24%,80%) !important}
ai grp:first-of-type{border-top:none !important}
ai grp::before{content:"" !important;position:absolute !important;left:13px !important;top:50% !important;width:5px !important;height:5px !important;margin-top:-2.5px !important;transform:rotate(45deg) !important;background:hsl(213,46%,38%) !important;box-shadow:0 0 4px hsl(40,60%,46%,0.6) !important}

/* ── 月历/灵脉行：带日文夜号徽标 ── */
ai d[t]{position:relative !important;padding-left:42px !important}
ai d[t]::before{content:attr(t) !important;position:absolute !important;left:12px !important;top:50% !important;transform:translateY(-50%) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:20px !important;height:20px !important;font-size:11px !important;font-weight:700 !important;color:hsl(40,46%,90%) !important;background:radial-gradient(circle at 50% 40%,hsl(213,44%,40%),hsl(213,50%,28%)) !important;border:1px solid hsl(40,56%,52%) !important;border-radius:50% !important;box-shadow:0 1px 3px hsl(213,40%,20%,0.4) !important}
ai d[t] b{color:hsl(40,68%,38%) !important;font-weight:700 !important;margin:0 4px !important}

/* ── 封印进度条 ── */
ai d.sb{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important}
ai d.sb f{min-width:42px !important;margin-right:0 !important}
ai .sn{font-size:12px !important;font-weight:700 !important;min-width:54px !important;text-align:right !important}
ai .sn.p{color:hsl(213,48%,34%) !important}
ai .sn.c{color:hsl(35,52%,42%) !important}
ai .st{flex:1 !important;min-width:120px !important;height:11px !important;border-radius:6px !important;background:hsl(40,24%,80%) !important;border:1px solid hsl(35,24%,70%) !important;overflow:hidden !important;box-shadow:inset 0 1px 2px hsl(35,20%,55%,0.4) !important}
ai .sf{display:block !important;height:100% !important;width:calc(var(--v,0)*1%) !important;border-radius:5px !important;transition:width .8s cubic-bezier(.2,.7,.2,1) !important;position:relative !important}
ai .sf.p{background:linear-gradient(90deg,hsl(213,44%,46%),hsl(213,52%,32%)) !important;box-shadow:0 0 8px hsl(213,46%,40%,0.5) !important}
ai .sf.c{background:linear-gradient(90deg,hsl(40,62%,52%),hsl(35,58%,42%)) !important;box-shadow:0 0 8px hsl(40,56%,46%,0.5) !important}
ai .sf::after{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(90deg,transparent,hsl(0,0%,100%,0.35),transparent) !important;background-size:50% 100% !important;background-repeat:no-repeat !important;animation:yk-shine 2.6s ease-in-out infinite !important}
@keyframes yk-shine{0%{background-position:-60% 0}100%{background-position:160% 0}}

/* 侵染警示：data-warn=1 时整行转赭红警示 */
ai d.sb[data-warn="1"]{background:hsl(8,40%,86%,0.5) !important;border-radius:5px !important;animation:yk-warn 1.8s ease-in-out infinite !important}
ai d.sb[data-warn="1"] .sf.c{background:linear-gradient(90deg,hsl(14,62%,52%),hsl(6,58%,42%)) !important;box-shadow:0 0 10px hsl(8,60%,46%,0.7) !important}
ai d.sb[data-warn="1"] .sn.c{color:hsl(6,58%,44%) !important}
@keyframes yk-warn{0%,100%{box-shadow:inset 0 0 0 hsl(8,60%,46%,0)}50%{box-shadow:inset 0 0 12px hsl(8,60%,46%,0.3)}}

/* ── 响应式 ── */
@media(max-width:520px){
ai{padding:13px 10px 15px !important;font-size:12.5px !important}
ai hd{font-size:15px !important;letter-spacing:.16em !important}
ai summary{min-height:40px !important;padding:0 32px 0 30px !important;font-size:12.5px !important}
ai d{padding:5px 11px !important;font-size:12px !important}
ai f{min-width:48px !important}
ai f~f{margin-left:8px !important;display:inline-block !important}
ai .st{min-width:90px !important}
ai d[t]{padding-left:38px !important}
}

/* ── 降速：尊重 reduce-motion ── */
@media(prefers-reduced-motion:reduce){
ai,ai *,ai *::before,ai *::after{animation:none !important;transition:none !important}
} 
/* ===== 宣纸背景纹理 ===== */
.bg-gray-100\/90.relative.inline-block {
    /* 宣纸底色 */
    background-color: #F3EFE4 !important;
    /* 宣纸纤维纹理 */
    background-image:
        radial-gradient(ellipse 800px 400px at 20% 30%, rgba(210, 195, 170, 0.12) 0%, transparent 70%),
        radial-gradient(ellipse 600px 300px at 75% 60%, rgba(195, 180, 155, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 400px 200px at 50% 80%, rgba(200, 185, 160, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse 1000px 600px at 10% 90%, rgba(215, 200, 175, 0.06) 0%, transparent 60%),
        radial-gradient(ellipse 500px 300px at 85% 20%, rgba(190, 175, 150, 0.07) 0%, transparent 55%),
        radial-gradient(ellipse 300px 150px at 40% 15%, rgba(205, 190, 165, 0.05) 0%, transparent 50%);
    /* 宣纸质感边框 */
    border: 1.5px solid rgba(160, 145, 120, 0.35) !important;
    /* 宣纸阴影 */
    box-shadow:
        0 2px 12px rgba(140, 120, 90, 0.12),
        0 1px 4px rgba(140, 120, 90, 0.08),
        inset 0 1px 3px rgba(180, 165, 140, 0.06) !important;
    border-radius: 10px !important;
    transition: box-shadow 0.3s ease !important;
}

/* 悬停效果 */
.bg-gray-100\/90.relative.inline-block:hover {
    box-shadow:
        0 4px 20px rgba(140, 120, 90, 0.18),
        0 1px 4px rgba(140, 120, 90, 0.10) !important;
}

/* ===== 输出框单独样式（可选微调） ===== */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
    border: 1.5px solid rgba(160, 145, 120, 0.30) !important;
}

/* ===== 主文本内容 ===== */
.markdown-body {
    /* 墨色文字 */
    color: #2E2A26 !important;
    font-family: "PingFang SC", "Hiragino Sans GB", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
}

/* ===== 底部附加元素统一样式 ===== */

/* 模型名称 */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #5C5448 !important;
    font-weight: 600 !important;
    font-family: "PingFang SC", "Noto Sans CJK SC", sans-serif !important;
}

/* Token 消耗 */
.text-orange-500 {
    color: #8B7355 !important;
    font-weight: 500 !important;
}

/* 底部操作按钮区域 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #4A4238 !important;
    background-color: rgba(220, 212, 198, 0.50) !important;
    border: 1px solid rgba(160, 145, 120, 0.25) !important;
    border-radius: 6px !important;
    transition: all 0.25s ease !important;
    backdrop-filter: blur(4px) !important;
    font-family: "PingFang SC", "Noto Sans CJK SC", sans-serif !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background-color: rgba(210, 200, 185, 0.70) !important;
    border-color: rgba(140, 125, 100, 0.35) !important;
    color: #2E2A26 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(140, 120, 90, 0.15) !important;
}

/* ── 代码块根容器：宣纸卡片外框 ── */
.markdown-body pre {
  position: relative !important;
  margin: 14px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, hsl(40,46%,91%) 0%, hsl(38,40%,87%) 52%, hsl(40,44%,89%) 100%) !important;
  border: 1px solid hsl(35,28%,70%) !important;
  box-shadow:
    0 1px 0 hsl(40,50%,96%,0.75) inset,
    0 10px 26px -14px hsl(213,30%,30%,0.42),
    0 0 0 1px hsl(40,30%,80%) !important;
  font-family:
    "JetBrains Mono",
    "SFMono-Regular",
    "Consolas",
    "Menlo",
    "Noto Serif SC",
    monospace !important;
}

/* 宣纸纤维纹理 */
.markdown-body pre::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    radial-gradient(ellipse 800px 400px at 18% 25%, rgba(210,195,170,.13) 0%, transparent 70%),
    radial-gradient(ellipse 600px 300px at 78% 62%, rgba(195,180,155,.11) 0%, transparent 62%),
    radial-gradient(ellipse 420px 220px at 50% 85%, rgba(200,185,160,.08) 0%, transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E") !important;
  opacity: .9 !important;
  mix-blend-mode: multiply !important;
}

/* 保证代码块内部层级高于纹理 */
.markdown-body pre > div,
.markdown-body pre > code[node],
.markdown-body pre > code:only-child {
  position: relative !important;
  z-index: 1 !important;
}

/* ── 带语言标识代码块：主容器 ── */
.markdown-body pre > div {
  background: transparent !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* ── 顶部语言栏：淡藏青纸感 ── */
.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
  height: 34px !important;
  min-height: 34px !important;
  padding: 4px 10px 4px 12px !important;
  background:
    linear-gradient(90deg, hsl(213,28%,86%) 0%, hsl(40,42%,89%) 72%, hsl(40,46%,88%) 100%) !important;
  border-bottom: 1px solid hsl(35,26%,74%) !important;
  box-shadow:
    0 1px 0 hsl(40,50%,96%,0.65) inset,
    0 1px 6px hsl(213,30%,30%,0.08) !important;
}

/* 语言标签 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\],
.markdown-body pre > div > div.flex.justify-between > div:first-child {
  color: hsl(213,48%,30%) !important;
  font-family: "Noto Serif SC", "Songti SC", serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 hsl(40,50%,96%,0.85) !important;
}

/* 语言标签前的小眼纹饰 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\]::before,
.markdown-body pre > div > div.flex.justify-between > div:first-child::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  margin-right: 7px !important;
  border-radius: 50% !important;
  vertical-align: 1px !important;
  background:
    radial-gradient(circle at 50% 45%,
      hsl(40,58%,78%),
      hsl(40,64%,52%) 34%,
      hsl(213,46%,38%) 72%,
      transparent 76%) !important;
  box-shadow: 0 0 6px hsl(213,36%,44%,0.42) !important;
}

/* 按钮包装区 */
.markdown-body pre > div > div.flex.justify-between > div:last-child,
.markdown-body pre > div > div.flex.justify-between > div[style*="display: flex"] {
  display: flex !important;
  align-items: center !important;
}

/* Tooltip 容器 */
.markdown-body pre .tooltip-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ── 复制按钮外层：轻微响应，不强行加白底 ── */
.markdown-body pre div[data-tooltip-id^="copy-tooltip"],
.markdown-body pre div.size-5.group[data-tooltip-id^="copy-tooltip"] {
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  color: hsl(213,38%,38%) !important;
  transition:
    background-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover,
.markdown-body pre div.size-5.group[data-tooltip-id^="copy-tooltip"]:hover {
  background-color: hsl(40,48%,84%,0.78) !important;
  box-shadow:
    0 0 0 1px hsl(213,28%,62%,0.38),
    0 2px 8px hsl(213,30%,30%,0.12) !important;
  transform: translateY(-1px) !important;
}

/* 复制图标默认颜色：适配淡藏青头部 */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
  color: hsl(213,42%,36%) !important;
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2 !important;
  transition:
    color .18s ease,
    transform .18s ease !important;
}

/* 复制图标 hover 颜色 */
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
  color: hsl(40,68%,40%) !important;
}

/* ── 代码内容区：覆盖平台内联 style ── */
.markdown-body pre > div > div[node],
.markdown-body pre > div > div:last-child {
  display: block !important;
  overflow-x: auto !important;
  background:
    linear-gradient(135deg, hsl(40,44%,90%) 0%, hsl(38,38%,86%) 56%, hsl(40,42%,88%) 100%) !important;
  color: hsl(210,20%,22%) !important;
  padding: 13px 15px 14px 16px !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow:
    inset 0 1px 0 hsl(40,50%,96%,0.55),
    inset 0 10px 26px hsl(35,22%,70%,0.08) !important;
}

/* 代码文本 */
.markdown-body pre code[class^="language-"],
.markdown-body pre > div > div[node] > code {
  display: block !important;
  white-space: pre !important;
  background: transparent !important;
  color: hsl(210,20%,22%) !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  font-family:
    "JetBrains Mono",
    "SFMono-Regular",
    "Consolas",
    "Menlo",
    "Noto Serif SC",
    monospace !important;
  font-size: 13px !important;
  line-height: 1.76 !important;
  letter-spacing: .015em !important;
  text-shadow: 0 1px 0 hsl(40,50%,96%,0.45) !important;
}

/* ── 无语言标识代码块 ── */
.markdown-body pre > code[node],
.markdown-body pre > code:only-child {
  display: block !important;
  overflow-x: auto !important;
  white-space: pre !important;
  background:
    linear-gradient(135deg, hsl(40,44%,90%) 0%, hsl(38,38%,86%) 56%, hsl(40,42%,88%) 100%) !important;
  color: hsl(210,20%,22%) !important;
  padding: 14px 16px !important;
  border: none !important;
  border-radius: 10px !important;
  font-family:
    "JetBrains Mono",
    "SFMono-Regular",
    "Consolas",
    "Menlo",
    "Noto Serif SC",
    monospace !important;
  font-size: 13px !important;
  line-height: 1.76 !important;
  letter-spacing: .015em !important;
  box-shadow:
    inset 0 1px 0 hsl(40,50%,96%,0.55),
    inset 0 10px 26px hsl(35,22%,70%,0.08) !important;
}

/* ── 行内 code 保持原主题，但避免影响代码块内部 ── */
.markdown-body :not(pre) > code {
  background: hsl(40,38%,86%) !important;
  color: hsl(213,48%,32%) !important;
  border: 1px solid hsl(35,24%,76%) !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-family:
    "JetBrains Mono",
    "SFMono-Regular",
    "Consolas",
    "Menlo",
    monospace !important;
  font-size: .92em !important;
}

/* ── 语法高亮：统一成藏青、赭金、墨色体系 ── */

/* 默认 span 颜色兜底 */
.markdown-body pre code[class^="language-"] > span,
.markdown-body pre code span {
  color: hsl(210,20%,24%) !important;
}

/* 字符串 / 文本值：赭金 */
.markdown-body pre code span[style*="rgb(80, 161, 79)"],
.markdown-body pre code span[style*="color:#50a14f"],
.markdown-body pre code span[style*="color: #50a14f"],
.markdown-body pre code span[style*="green"] {
  color: hsl(40,62%,38%) !important;
}

/* 关键字：藏青 */
.markdown-body pre code span[style*="rgb(166, 38, 164)"],
.markdown-body pre code span[style*="color:#a626a4"],
.markdown-body pre code span[style*="color: #a626a4"],
.markdown-body pre code span[style*="purple"] {
  color: hsl(213,50%,34%) !important;
  font-weight: 700 !important;
}

/* 数字 / 常量：青蓝 */
.markdown-body pre code span[style*="rgb(152, 104, 1)"],
.markdown-body pre code span[style*="color:#986801"],
.markdown-body pre code span[style*="color: #986801"],
.markdown-body pre code span[style*="orange"] {
  color: hsl(35,58%,40%) !important;
}

/* 函数 / 属性名：深藏青 */
.markdown-body pre code span[style*="rgb(64, 120, 242)"],
.markdown-body pre code span[style*="color:#4078f2"],
.markdown-body pre code span[style*="color: #4078f2"],
.markdown-body pre code span[style*="blue"] {
  color: hsl(213,52%,32%) !important;
  font-weight: 600 !important;
}

/* 注释：灰褐，斜体 */
.markdown-body pre code span[style*="rgb(160, 161, 167)"],
.markdown-body pre code span[style*="color:#a0a1a7"],
.markdown-body pre code span[style*="color: #a0a1a7"],
.markdown-body pre code span[style*="gray"] {
  color: hsl(35,14%,48%) !important;
  font-style: italic !important;
}

/* 标签 / 符号 / 操作符：墨色 */
.markdown-body pre code span[style*="rgb(56, 58, 66)"],
.markdown-body pre code span[style*="color:#383a42"],
.markdown-body pre code span[style*="color: #383a42"] {
  color: hsl(210,18%,24%) !important;
}

/* ── 代码块滚动条 ── */
.markdown-body pre ::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

.markdown-body pre ::-webkit-scrollbar-track {
  background: hsl(40,28%,82%) !important;
  border-radius: 4px !important;
}

.markdown-body pre ::-webkit-scrollbar-thumb {
  background:
    linear-gradient(90deg, hsl(213,30%,52%), hsl(35,30%,60%)) !important;
  border-radius: 4px !important;
}

.markdown-body pre ::-webkit-scrollbar-thumb:hover {
  background: hsl(40,56%,46%) !important;
}

/* ── hover：整块轻微浮起，和宣纸输出框统一 ── */
.markdown-body pre:hover {
  box-shadow:
    0 1px 0 hsl(40,50%,96%,0.8) inset,
    0 14px 34px -16px hsl(213,30%,30%,0.5),
    0 0 0 1px hsl(40,56%,50%,0.32) !important;
}

/* ── Tooltip：复制提示气泡，若平台使用全局 id 可生效 ── */
[id^="copy-tooltip"],
.tooltip[id^="copy-tooltip"] {
  background: hsl(213,42%,28%) !important;
  color: hsl(40,46%,92%) !important;
  border: 1px solid hsl(40,56%,52%,0.55) !important;
  border-radius: 6px !important;
  font-family: "Noto Serif SC", "Songti SC", serif !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  box-shadow:
    0 6px 18px hsl(213,38%,20%,0.28),
    0 0 0 1px hsl(213,28%,18%,0.18) !important;
}

/* ── 移动端适配 ── */
@media (max-width: 520px) {
  .markdown-body pre {
    margin: 12px 0 !important;
    border-radius: 8px !important;
  }

  .markdown-body pre > div > div.flex.justify-between.h-8,
  .markdown-body pre > div > div.border-b {
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 8px 4px 10px !important;
  }

  .markdown-body pre > div > div[node],
  .markdown-body pre > div > div:last-child,
  .markdown-body pre > code[node],
  .markdown-body pre > code:only-child {
    padding: 12px 13px !important;
  }

  .markdown-body pre code[class^="language-"],
  .markdown-body pre > div > div[node] > code,
  .markdown-body pre > code[node],
  .markdown-body pre > code:only-child {
    font-size: 12.5px !important;
    line-height: 1.7 !important;
  }
}

/* ── 降速：尊重 reduce-motion ── */
@media (prefers-reduced-motion: reduce) {
  .markdown-body pre,
  .markdown-body pre *,
  .markdown-body pre *::before,
  .markdown-body pre *::after {
    animation: none !important;
    transition: none !important;
  }
}