/* ════════ 晴空学院 Azure Academy · 卡兰大陆制卡师 ════════ */
/* 回复格式不变，仅美化外观 */
/* ── 正文容器：晴空下的学院手记 ── */
.markdown-body{
font-family:'Georgia','Noto Serif SC','KaiTi','STKaiti',serif !important;
color:#3a3320 !important;
line-height:1.85 !important;
padding:15px 17px !important;
border-radius:6px !important;
border:1px solid #a07d22 !important;
background:
radial-gradient(ellipse at 100% 0,rgba(176,138,40,.10),transparent 60%),
radial-gradient(ellipse at 0 100%,rgba(176,138,40,.09),transparent 58%),
linear-gradient(168deg,#f6f0d9,#f3ead2 70%,#f3ead2) !important;
box-shadow:inset 0 0 50px rgba(176,138,40,.10) !important;
}
/* ── 代码块状态栏 → 晴空面板 ── */
pre{
position:relative !important;
margin:7px 0 !important;
padding:18px 20px !important;
border:none !important;
border-radius:4px !important;
color:#3a3320 !important;
background:#f6f0d9 !important;
box-shadow:inset 0 0 2px rgba(176,138,40,.40),0 3px 10px rgba(0,0,0,.15) !important;
overflow-x:auto !important;
}
/* 代码块内所有文字统一为清晰深墨蓝色，不锁字号字体、去阴影 */
pre code,pre span,pre div[node="[object Object]"]{
color:#3a3320 !important;
background:transparent !important;
text-shadow:none !important;
}
/* 去除代码块内层一切边框/底色/阴影,文字直接落在纯白 pre 上 */
pre *{
border:none !important;
background:transparent !important;
box-shadow:none !important;
}
/* 四角描金角饰 */
pre::before,pre::after{
content:'' !important;
position:absolute !important;
width:13px !important;height:13px !important;
border:2px solid #a87f1e !important;
opacity:.7 !important;
pointer-events:none !important;
}
pre::before{top:6px !important;left:6px !important;border-right:none !important;border-bottom:none !important;}
pre::after{bottom:6px !important;right:6px !important;border-left:none !important;border-top:none !important;}
/* 平台代码块头栏：弱化 */
pre div[class*="border-b"]{background:transparent !important;border-color:rgba(176,138,40,.3) !important;}
/* ── 正文 markdown 元素（限定在 .markdown-body 内，不污染平台） ── */
.markdown-body p{margin:.55em 0 !important;}
.markdown-body strong,.markdown-body b{color:#b8902e !important;font-weight:700 !important;}
.markdown-body em,.markdown-body i{color:#675b38 !important;}
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{
color:#b8902e !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
border-bottom:1px solid rgba(176,138,40,.38) !important;
padding-bottom:4px !important;
letter-spacing:.04em !important;
}
.markdown-body hr{
border:none !important;height:16px !important;
background:transparent !important;text-align:center !important;
}
.markdown-body hr::after{content:'✦' !important;color:#a87f1e !important;font-size:13px !important;}
.markdown-body blockquote{
border-left:3px solid #a87f1e !important;
background:rgba(176,138,40,.09) !important;
color:#574c30 !important;
margin:8px 2px !important;padding:6px 12px !important;
border-radius:0 4px 4px 0 !important;
}
/* 行内代码（单反引号）→ 小标牌 */
.markdown-body :not(pre)>code{
background:rgba(176,138,40,.12) !important;
color:#b8902e !important;
border:1px solid rgba(176,138,40,.32) !important;
border-radius:3px !important;
padding:1px 6px !important;
}
.markdown-body ul,.markdown-body ol{padding-left:1.45em !important;}
.markdown-body li{margin:.2em 0 !important;}
.markdown-body li::marker{color:#a87f1e !important;}
/* ── 顶部栏：晴空 ── */
.sticky.w-full.top-0.flex.items-center{
background:linear-gradient(180deg,#f3ead2,#f3ead2) !important;
border-bottom:1px solid #b8902e !important;
box-shadow:0 2px 8px rgba(0,0,0,.16) !important;
}
.sticky.w-full.top-0.flex.items-center .truncate,
.sticky.w-full.top-0.flex.items-center .inline-flex.items-center,
#header-setting-button svg,#ai-model-selector svg{color:#9a7826 !important;}
/* ── 底部输入框：晴空 ── */
#ai-chat-input{
background:linear-gradient(160deg,#f7f2dd,#f3ead2) !important;
color:#3a3320 !important;
border:1px solid #b8902e !important;
border-radius:5px !important;
font-family:'Georgia','Noto Serif SC',serif !important;
}
#ai-chat-input::placeholder{color:#766943 !important;}
/* ── 记忆卷宗（折叠记忆区） ── */
details.mem{
margin:7px 0 !important;
border:1px solid #b8902e !important;
border-top:2px solid #a87f1e !important;
border-radius:5px !important;
background:linear-gradient(160deg,#f6f0d9,#f3ead2) !important;
box-shadow:0 3px 10px rgba(0,0,0,.16) !important;
overflow:hidden !important;
}
details.mem>summary{
cursor:pointer !important;
list-style:none !important;
text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:16px !important;
font-weight:700 !important;
letter-spacing:3px !important;
color:#b8902e !important;
padding:11px 16px !important;
background:linear-gradient(90deg,rgba(176,138,40,.08),rgba(176,138,40,.20),rgba(176,138,40,.08)) !important;
border-bottom:1px solid rgba(176,138,40,.30) !important;
}
details.mem>summary::-webkit-details-marker{display:none !important;}
details.mem>summary::before{content:'✦ ' !important;color:#a87f1e !important;}
details.mem>summary::after{content:' ✦' !important;color:#a87f1e !important;}
details.mem .s{padding:14px 16px !important;color:#3a3320 !important;line-height:1.8 !important;}
details.mem .t{
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:15px !important;font-weight:700 !important;letter-spacing:2px !important;
color:#b8902e !important;text-align:center !important;margin:8px 0 4px !important;
}
details.mem .t::before{content:'━━ ' !important;color:rgba(176,138,40,.45) !important;}
details.mem .t::after{content:' ━━' !important;color:rgba(176,138,40,.45) !important;}
details.mem .s>strong{
display:block !important;text-align:right !important;
font-size:12px !important;color:#766943 !important;letter-spacing:1px !important;margin:4px 0 !important;
}
details.mem .s>hr{
border:none !important;height:1px !important;
background:linear-gradient(90deg,transparent,rgba(176,138,40,.5),transparent) !important;
margin:7px 0 !important;
}
/* ── 思维链（折叠推演区） ── */
details.cot{
margin:7px 0 !important;
border:1px dashed #b8902e !important;
border-radius:5px !important;
background:linear-gradient(165deg,#f7f2dd,#f3ead2) !important;
box-shadow:0 2px 7px rgba(0,0,0,.10) !important;
overflow:hidden !important;
}
details.cot>summary{
cursor:pointer !important;
list-style:none !important;
text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:14px !important;
font-weight:700 !important;
letter-spacing:2px !important;
color:#675b38 !important;
padding:9px 14px !important;
background:linear-gradient(90deg,rgba(176,138,40,.05),rgba(176,138,40,.14),rgba(176,138,40,.05)) !important;
}
details.cot>summary::-webkit-details-marker{display:none !important;}
details.cot>summary::before{content:'❖ ' !important;color:#a87f1e !important;}
details.cot>summary::after{content:' ❖' !important;color:#a87f1e !important;}
details.cot[open]>summary{border-bottom:1px dashed rgba(176,138,40,.4) !important;}
details.cot p,details.cot ul,details.cot ol{
margin:.5em 14px !important;
color:#574c30 !important;
font-size:13px !important;
line-height:1.75 !important;
}
details.cot ul,details.cot ol{padding-left:1.5em !important;}
details.cot li{margin:.15em 0 !important;}
details.cot li::marker{color:#a87f1e !important;}
details.cot strong,details.cot b{color:#b8902e !important;}
/* ── 剧情分支（折叠选项区） ── */
details.story-branch{
margin:7px 0 !important;
border:1px solid #b8902e !important;
border-top:2px solid #a87f1e !important;
border-radius:5px !important;
background:linear-gradient(160deg,#f6f0d9,#f3ead2) !important;
box-shadow:0 3px 10px rgba(0,0,0,.16) !important;
overflow:hidden !important;
}
details.story-branch>summary{
cursor:pointer !important;
list-style:none !important;
text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:16px !important;
font-weight:700 !important;
letter-spacing:3px !important;
color:#b8902e !important;
padding:11px 16px !important;
background:linear-gradient(90deg,rgba(176,138,40,.14),rgba(176,138,40,.22),rgba(176,138,40,.14)) !important;
border-bottom:1px solid rgba(176,138,40,.30) !important;
}
details.story-branch>summary::-webkit-details-marker{display:none !important;}
details.story-branch>summary::before{content:'❧ ' !important;color:#a87f1e !important;}
details.story-branch>summary::after{content:' ❧' !important;color:#a87f1e !important;}
details.story-branch>ul{
list-style:none !important;
margin:0 !important;
padding:12px 14px !important;
}
details.story-branch>ul>li{
margin:8px 0 !important;
padding:9px 12px !important;
color:#3a3320 !important;
line-height:1.7 !important;
background:rgba(176,138,40,.07) !important;
border:1px solid rgba(176,138,40,.22) !important;
border-left:3px solid #a87f1e !important;
border-radius:0 4px 4px 0 !important;
transition:background .15s ease !important;
}
details.story-branch>ul>li:hover{background:rgba(176,138,40,.16) !important;}
details.story-branch>ul>li::marker{content:'' !important;}
details.story-branch>ul>li>strong{
color:#9a7720 !important;
font-weight:700 !important;
margin-right:4px !important;
}
/* ── 状态栏（可折叠数据区） ── */
details.status{margin:7px 0 !important;}
details.status>summary{
cursor:pointer !important;
list-style:none !important;
text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:16px !important;
font-weight:700 !important;
letter-spacing:3px !important;
color:#b8902e !important;
padding:10px 16px !important;
border:1px solid #b8902e !important;
border-radius:5px !important;
background:linear-gradient(90deg,rgba(176,138,40,.12),rgba(176,138,40,.26),rgba(176,138,40,.12)) !important;
box-shadow:0 2px 7px rgba(0,0,0,.14) !important;
}
details.status>summary::-webkit-details-marker{display:none !important;}
details.status>summary::before{content:'◈ ' !important;color:#a87f1e !important;}
details.status>summary::after{content:' ◈' !important;color:#a87f1e !important;}
details.status[open]>summary{border-radius:5px 5px 0 0 !important;}
details.status[open]>pre{margin-top:0 !important;}
/* ── 移动端适配 ── */
@media (max-width:600px){
.markdown-body{padding:10px 11px !important;}
pre{padding:13px 12px !important;margin:6px 0 !important;}
pre::before,pre::after{width:10px !important;height:10px !important;}
details.mem{margin:6px 0 !important;}
details.mem>summary{font-size:15px !important;letter-spacing:2px !important;padding:9px 12px !important;}
details.mem .s{padding:11px 12px !important;}
details.mem .t{font-size:14px !important;letter-spacing:1px !important;}
details.mem .s>hr{margin:6px 0 !important;}
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{letter-spacing:.02em !important;}
details.cot{margin:6px 0 !important;}
details.cot>summary{font-size:13px !important;letter-spacing:1px !important;padding:8px 11px !important;}
details.cot p,details.cot ul,details.cot ol{margin-left:10px !important;margin-right:10px !important;font-size:12.5px !important;}
details.story-branch{margin:6px 0 !important;}
details.story-branch>summary{font-size:15px !important;letter-spacing:2px !important;padding:9px 12px !important;}
details.story-branch>ul{padding:10px 11px !important;}
details.story-branch>ul>li{padding:8px 10px !important;margin:7px 0 !important;}
details.status{margin:6px 0 !important;}
details.status>summary{font-size:15px !important;letter-spacing:2px !important;padding:9px 12px !important;}
}
/* ════════ 晴空学院 · 制卡师平台界面美化 ════════ */
/* 浅蓝描金 · 移动端友好 · 零无限动画(仅交互触发) */
/* ═══ 一、顶部栏 ═══ */
.sticky.w-full.top-0.flex.items-center{
background:linear-gradient(180deg,#f3ead2 0%,#f3ead2 100%) !important;
border-bottom:2px solid #a87f1e !important;
box-shadow:0 2px 10px rgba(0,0,0,.18) !important;
}
#ai-model-selector .group.flex.items-center{
background:linear-gradient(135deg,#f6f0d9,#f3ead2) !important;
border:1px solid #b8902e !important;
border-radius:7px !important;
box-shadow:0 1px 4px rgba(0,0,0,.12) !important;
transition:border-color .25s,box-shadow .25s !important;
}
#ai-model-selector .group.flex.items-center:hover{
border-color:#a87f1e !important;
box-shadow:0 2px 10px rgba(176,138,40,.25) !important;
}
#ai-model-selector .truncate.text-\[13px\]{
color:#9a7826 !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif !important;
font-weight:600 !important;letter-spacing:.3px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg{
color:#a87f1e !important;transition:transform .25s !important;
}
#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg{
transform:translateY(1px) !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8{
color:#9a7720 !important;transition:transform .3s !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover{transform:rotate(-30deg) !important;}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{
background:#a87f1e !important;box-shadow:0 0 6px rgba(176,138,40,.7) !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2){
background:rgba(176,138,40,.1) !important;
border:1px solid #b8902e !important;border-radius:6px !important;
transition:background .25s,border-color .25s !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover{
background:rgba(176,138,40,.2) !important;border-color:#a87f1e !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2{color:#9a7720 !important;}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]){
color:#9a7720 !important;transition:transform .35s !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover{transform:rotate(90deg) !important;}
#header-setting-button{
background:linear-gradient(135deg,#f6f0d9,#f3ead2) !important;
border:1px solid #b8902e !important;border-radius:7px !important;
transition:border-color .25s,box-shadow .25s !important;
}
#header-setting-button:hover{
border-color:#a87f1e !important;box-shadow:0 2px 10px rgba(176,138,40,.25) !important;
}
#header-setting-button svg{color:#9a7720 !important;transition:transform .35s !important;}
#header-setting-button:hover svg{transform:rotate(90deg) !important;}
/* ═══ 二、开场白选择器 ═══ */
div.flex.items-center.cursor-pointer.group[class*="border-gray"]{
background:linear-gradient(135deg,#f6f0d9,#f3ead2) !important;
border:1px solid #b8902e !important;border-radius:8px !important;
box-shadow:0 1px 5px rgba(0,0,0,.12) !important;
transition:border-color .25s,box-shadow .25s !important;
}
div.flex.items-center.cursor-pointer.group[class*="border-gray"]:hover{
border-color:#a87f1e !important;box-shadow:0 3px 12px rgba(176,138,40,.22) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"]{
color:#a87f1e !important;transition:transform .25s !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"]{
transform:translateX(2px) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{
color:#a87f1e !important;transition:transform .25s !important;
}
div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"]{
transform:translateY(2px) !important;
}
/* ═══ 三、按钮栏 ═══ */
#ai-mod-button2 button.MuiButton-root{
background:linear-gradient(135deg,#f3ead2,#ece2c6) !important;
border:1px solid #a87f1e !important;border-radius:8px !important;
color:#9a7826 !important;font-weight:600 !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif !important;
box-shadow:0 2px 7px rgba(0,0,0,.15) !important;
transition:background .25s,box-shadow .25s,transform .15s !important;
}
#ai-mod-button2 button.MuiButton-root:hover{
background:linear-gradient(135deg,#f3ead2,#e6dcbe) !important;
box-shadow:0 4px 14px rgba(176,138,40,.3) !important;transform:translateY(-1px) !important;
}
#ai-mod-button2 button.MuiButton-root:active{transform:translateY(0) scale(.98) !important;}
#ai-mod-button2 button.MuiButton-root svg{color:#a87f1e !important;}
/* ═══ 四、底部栏 ═══ */
.bg-gradient-to-t{
background:linear-gradient(to top,#f3ead2 0%,rgba(243,235,210,0) 100%) !important;
}
div:has(> div > #ai-chat-input){
background:linear-gradient(135deg,#f7f2dd,#f3ead2) !important;
border:2px solid #b8902e !important;border-radius:12px !important;
box-shadow:0 3px 14px rgba(0,0,0,.16) !important;
transition:border-color .25s !important;
}
div:has(> div > #ai-chat-input):focus-within{border-color:#a87f1e !important;}
#ai-chat-input{
background:transparent !important;color:#3a3320 !important;caret-color:#a87f1e !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif !important;
}
#ai-chat-input::placeholder{color:#766943 !important;font-style:italic !important;}
#ai-chat-input::selection{background:rgba(176,138,40,.28) !important;color:#8a6e1e !important;}
/* ═══ 五、分页栏(仅颜色/视觉) ═══ */
.MuiPaginationItem-root{
background:linear-gradient(135deg,#f6f0d9,#f3ead2) !important;
border:1px solid #b8902e !important;color:#9a7826 !important;
box-shadow:0 1px 4px rgba(0,0,0,.1) !important;
transition:background .2s,border-color .2s !important;
}
.MuiPaginationItem-root:hover{
background:linear-gradient(135deg,#f3ead2,#ece2c6) !important;border-color:#a87f1e !important;
}
.MuiPaginationItem-root.Mui-selected{
background:linear-gradient(135deg,#a87f1e,#9a7720) !important;
border-color:#9a7720 !important;color:#2e2716 !important;
}
.MuiPaginationItem-root.Mui-disabled{
background:#f3ead2 !important;border-color:#e6dcbe !important;color:#7e7148 !important;
}
.MuiPaginationItem-icon{color:#a87f1e !important;}
.MuiStack-root.css-1uwir8f{
background:rgba(176,138,40,.08) !important;
border:1px solid #b8902e !important;border-radius:8px !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root{color:#9a7826 !important;}
.MuiInputBase-input{
background:#f6f0d9 !important;border:1px solid #b8902e !important;
border-radius:6px !important;color:#3a3320 !important;
}
/* ═══ 六、评论区 ═══ */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
background:linear-gradient(170deg,#f7f2dd 0%,#f3ead2 100%) !important;
}
div.text-lg.font-bold{
color:#9a7826 !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif !important;
}
div.text-lg.font-bold::before{content:'◆ ' !important;color:#a87f1e !important;}
p.MuiTypography-body1.text-grey-600{color:#675b38 !important;}
span.MuiRating-iconEmpty svg{color:#a07d22 !important;}
span.MuiRating-iconFilled svg{color:#a87f1e !important;}
span.text-orange-500{color:#9a7720 !important;font-weight:700 !important;}
div.flex.flex-col.border-gray-200{
background:#f6f0d9 !important;border:1px solid #b8902e !important;border-radius:10px !important;
}
textarea.rc-textarea{
background:transparent !important;color:#3a3320 !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif !important;
}
textarea.rc-textarea::placeholder{color:#766943 !important;}
div.bg-gray-100.text-gray-500{
background:rgba(176,138,40,.1) !important;color:#675b38 !important;border-radius:5px !important;
}
div.cursor-pointer.group.flex.items-center.justify-center{
background:linear-gradient(135deg,#a87f1e,#9a7720) !important;border-radius:8px !important;
transition:box-shadow .25s,transform .15s !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
box-shadow:0 3px 12px rgba(176,138,40,.4) !important;transform:translateY(-1px) !important;
}
div[data-state="closed"] svg[data-icon="Send03"]{color:#2e2716 !important;}
div[class*="__divider"]{
background:linear-gradient(90deg,transparent,#a07d22,transparent) !important;
}
button.MuiButton-containedPrimary{
background:linear-gradient(135deg,#a87f1e,#9a7720) !important;color:#2e2716 !important;
border-radius:7px !important;box-shadow:0 2px 7px rgba(176,138,40,.3) !important;
}
button.MuiButton-outlinedPrimary{
background:#f6f0d9 !important;color:#9a7720 !important;
border:1px solid #b8902e !important;border-radius:7px !important;
}
button.MuiButton-outlinedPrimary:hover{border-color:#a87f1e !important;background:#f3ead2 !important;}
div.group.ml-0{
border-left:2px solid rgba(176,138,40,.4) !important;border-radius:0 8px 8px 0 !important;
transition:border-color .25s,background .25s !important;
}
div.group.ml-0:hover{border-left-color:#a87f1e !important;background:rgba(255,255,255,.55) !important;}
div.group img.rounded-full{
border:2px solid #b8902e !important;box-shadow:0 1px 5px rgba(0,0,0,.15) !important;
}
div.text-sm.text-grey-600 span.font-bold{color:#9a7826 !important;}
span.text-\[10px\]{
color:#9a7720 !important;background:rgba(176,138,40,.15) !important;
border-radius:4px !important;padding:1px 5px !important;
}
div.break-all{color:#574c30 !important;}
div.text-xs.text-grey-600{color:#766943 !important;}
button.text-gray-400{color:#766943 !important;transition:color .2s,transform .15s !important;}
button.text-gray-400:hover{color:#a87f1e !important;transform:scale(1.08) !important;}
button.text-gray-400 svg{transition:transform .15s !important;}
button.text-gray-400:active svg{transform:scale(1.3) !important;}
span.cursor-pointer{color:#a87f1e !important;transition:color .2s !important;}
span.cursor-pointer:hover{color:#b8902e !important;}
div.ml-8.border-l{border-left:2px solid #a07d22 !important;}
/* ═══ 移动端微调 ═══ */
@media (max-width:480px){
.sticky.w-full.top-0.flex.items-center{box-shadow:0 1px 6px rgba(0,0,0,.15) !important;}
div:has(> div > #ai-chat-input){border-radius:10px !important;box-shadow:0 2px 8px rgba(0,0,0,.14) !important;}
}
/* ════════ 晴空学院 · 制卡师聊天框美化 ════════ */
/* 卡牌护套质感 · SVG SMIL 动画 · 移动端友好 */
/* ── 隐藏聊天框顶部颜色条(想保留就删掉这条) ── */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"]{
display:none !important;
}
/* ── 统一聊天框:浅蓝衬垫 + 卡牌护套投影 ── */
.bg-gray-100\/90.relative.inline-block{
background:rgba(246,239,217,.55) !important;
border:1px solid rgba(176,138,40,.5) !important;
border-radius:14px !important;
box-shadow:0 4px 18px rgba(0,0,0,.14) !important;
transition:box-shadow .3s,border-color .3s !important;
}
.bg-gray-100\/90.relative.inline-block:hover{
border-color:#b8902e !important;
box-shadow:0 6px 24px rgba(176,138,40,.2) !important;
}
/* ── 单独输入框:faint 暖金调,区分 AI 输出 ── */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){
background:linear-gradient(135deg,rgba(236,226,198,.62),rgba(246,239,217,.55)) !important;
border-color:rgba(176,138,40,.45) !important;
}
/* ── 主文本:浅底→深字,确保可读(无 text-shadow) ── */
.markdown-body{
color:#3a3320 !important;
}
/* ── 底部附加元素 ── */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{
color:#9a7720 !important;
border-radius:6px !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif !important;
transition:background .2s !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{
background:rgba(176,138,40,.1) !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{
color:#675b38 !important;
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif !important;
}
.text-orange-500{
color:#9a7720 !important;
font-weight:bold !important;
}
/* ── 自定义加载动画(SVG SMIL · 双环旋转) ── */
[class*="dot-flashing"]{
display:none !important;
}
.flex.items-center.justify-center.w-6.h-5{
position:relative !important;
width:100% !important;
height:64px !important;
background:linear-gradient(168deg,#f6f0d9,#f3ead2 70%,#f3ead2) !important;
border:1px solid #a07d22 !important;
border-radius:6px !important;
box-shadow:inset 0 0 38px rgba(176,138,40,.10) !important;
}
.flex.items-center.justify-center.w-6.h-5::before{
content:'' !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%,-50%) !important;
width:54px !important;
height:54px !important;
background:url('data:image/svg+xml;utf8,') center/contain no-repeat !important;
}
/* CSP 占位:若平台拦截 data: SVG,可改为同尺寸 PNG/图床链接 */
/* ── 移动端微调 ── */
@media (max-width:480px){
.bg-gray-100\/90.relative.inline-block{
border-radius:11px !important;
box-shadow:0 3px 12px rgba(0,0,0,.13) !important;
}
.flex.items-center.justify-center.w-6.h-5{height:52px !important;}
.flex.items-center.justify-center.w-6.h-5::before{
width:44px !important;height:44px !important;
}
}
/* ── 低动效:换单环慢转(不完全关闭) ── */
@media (prefers-reduced-motion:reduce){
.flex.items-center.justify-center.w-6.h-5::before{
background-image:url('data:image/svg+xml;utf8,') !important;
}
}
/* ── 外层气泡隐形,内容面板直接当对话框,缝隙归零 ── */
.bg-gray-100\/90.relative.inline-block{
background:transparent !important;
border:none !important;
box-shadow:none !important;
padding:0 !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){
background:transparent !important;
border:none !important;
}
.markdown-body{
margin:0 !important;
}
.mb-2 > .shrink-0.w-10.h-10 {
display: none;
}
/* ════════════ HTML 数据面板：状态栏 / 卡包·卡组包 / 系统提示 ════════════ */
/* 装备卡气泡参考克苏鲁 tooltip，适配晴空学院浅蓝描金主题 */
details.pack,details.sys{
margin:7px 0 !important;
border:1px solid #b8902e !important;
border-top:2px solid #a87f1e !important;
border-radius:5px !important;
background:linear-gradient(160deg,#f6f0d9,#f3ead2) !important;
box-shadow:0 3px 10px rgba(0,0,0,.16) !important;
overflow:hidden !important;
}
details.pack>summary,details.sys>summary{
cursor:pointer !important;list-style:none !important;text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:16px !important;font-weight:700 !important;letter-spacing:3px !important;
color:#b8902e !important;padding:11px 16px !important;
background:linear-gradient(90deg,rgba(176,138,40,.08),rgba(176,138,40,.20),rgba(176,138,40,.08)) !important;
border-bottom:1px solid rgba(176,138,40,.30) !important;
}
details.pack>summary::-webkit-details-marker,details.sys>summary::-webkit-details-marker{display:none !important;}
details.pack>summary::before{content:'❐ ' !important;color:#a87f1e !important;}
details.pack>summary::after{content:' ❐' !important;color:#a87f1e !important;}
details.sys>summary::before{content:'✉ ' !important;color:#a87f1e !important;}
details.sys>summary::after{content:' ✉' !important;color:#a87f1e !important;}
details.pack .s,details.sys .s{padding:6px 14px 12px !important;}
details.status{overflow:visible !important;}
details.status .s{
border:1px solid #b8902e !important;border-top:none !important;
border-radius:0 0 5px 5px !important;
background:linear-gradient(170deg,#f6f0d9,#f3ead2) !important;
box-shadow:0 4px 10px rgba(0,0,0,.13) !important;
padding:6px 14px 12px !important;
overflow:visible !important;
}
details.status .s>t,details.pack .s>t,details.sys .s>t{
display:block !important;text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:16px !important;font-weight:700 !important;letter-spacing:2px !important;
color:#b8902e !important;margin:9px 0 5px !important;
}
details.status .s>t::before,details.pack .s>t::before,details.sys .s>t::before{content:'━ ' !important;color:rgba(176,138,40,.4) !important;}
details.status .s>t::after,details.pack .s>t::after,details.sys .s>t::after{content:' ━' !important;color:rgba(176,138,40,.4) !important;}
details.status .s>r,details.pack .s>r,details.sys .s>r{
display:block !important;position:relative !important;
font-size:15px !important;line-height:1.8 !important;color:#3a3320 !important;
padding:2px 2px 2px 3px !important;
}
details.status .s>r::before,details.pack .s>r::before,details.sys .s>r::before{
content:'' !important;position:absolute !important;left:3px !important;top:.74em !important;
display:none !important;
}
details.status .s>r.i{margin:0 0 0 5px !important;padding-left:12px !important;border-left:1.5px solid rgba(176,138,40,.30) !important;color:#574c30 !important;font-size:14.5px !important;}
details.status .s>r.i::before{display:none !important;}
details.status .s>r.d{color:#766943 !important;font-size:13.5px !important;font-style:italic !important;padding-left:4px !important;}
details.status .s>r.d::before{display:none !important;}
details.status .s>hr,details.pack .s>hr,details.sys .s>hr{
border:none !important;height:1px !important;
background:linear-gradient(90deg,transparent,rgba(176,138,40,.5),transparent) !important;
margin:9px 0 3px !important;
}
/* ════════════ 装备卡 · 气泡网格 ════════════ */
.eqg{display:flex !important;flex-wrap:wrap !important;gap:6px !important;margin:7px 0 3px !important;}
eq{
display:inline-flex !important;align-items:center !important;position:relative !important;
padding:5px 10px 5px 8px !important;
border:1px solid rgba(176,138,40,.30) !important;border-left:3px solid #b08a26 !important;
border-radius:0 5px 5px 0 !important;
background:rgba(176,138,40,.07) !important;
font-size:13.5px !important;line-height:1.3 !important;color:#3a3320 !important;
cursor:pointer !important;transition:background .15s,box-shadow .15s !important;
}
eq::before{content:attr(p) !important;font-size:11px !important;color:#766943 !important;margin-right:6px !important;}
eq:hover,eq:active,eq:focus{background:rgba(176,138,40,.17) !important;box-shadow:0 2px 9px rgba(0,0,0,.22) !important;}
eq.o{border-left-style:dashed !important;border-left-color:#bcae82 !important;background:rgba(175,165,135,.09) !important;color:#857850 !important;cursor:default !important;}
eq.o:hover,eq.o:active,eq.o:focus{background:rgba(175,165,135,.09) !important;box-shadow:none !important;}
eq>tip{
position:absolute !important;bottom:calc(100% + 9px) !important;left:50% !important;
transform:translateX(-50%) translateY(6px) !important;
opacity:0 !important;pointer-events:none !important;
width:188px !important;padding:10px 13px !important;
border-radius:7px !important;background:#f6f0d9 !important;
border:1px solid #b8902e !important;border-top:2px solid #a87f1e !important;
box-shadow:0 6px 18px rgba(0,0,0,.30) !important;
font-size:13px !important;line-height:1.75 !important;font-weight:400 !important;
color:#3a3320 !important;white-space:normal !important;text-align:left !important;
z-index:60 !important;transition:opacity .22s,transform .22s !important;
}
eq>tip::before{
content:attr(p) !important;display:block !important;text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:13px !important;font-weight:700 !important;letter-spacing:2px !important;
color:#b8902e !important;margin-bottom:5px !important;padding-bottom:4px !important;
border-bottom:1px solid rgba(176,138,40,.28) !important;
}
eq>tip::after{
content:'' !important;position:absolute !important;top:100% !important;left:50% !important;
transform:translateX(-50%) !important;border:6px solid transparent !important;border-top-color:#2e2716 !important;
}
eq:hover>tip,eq:active>tip,eq:focus>tip{opacity:1 !important;transform:translateX(-50%) translateY(0) !important;pointer-events:auto !important;}
eq[q="不入流"]{border-left-color:#766943 !important;}
eq[q="黑铁"]{border-left-color:#7e7148 !important;}
eq[q="青铜"]{border-left-color:#b07a43 !important;}
eq[q="白银"]{border-left-color:#766943 !important;}
eq[q="黄金"]{border-left-color:#a87f1e !important;}
eq[q="铂金"]{border-left-color:#a87f1e !important;}
eq[q="钻石"]{border-left-color:#36b6c6 !important;}
eq[q="星耀"]{border-left-color:#e08b3a !important;}
eq[q="史诗"]{border-left-color:#9b6fc4 !important;}
eq[q="传奇"]{border-left-color:#c4543a !important;}
eq[q="神话"]{border-left-color:#b8862f !important;}
eq[q="黄金"]>tip{border-top-color:#a87f1e !important;background-color:#f6f0d9 !important;background-image:url('data:image/svg+xml;utf8,') !important;background-repeat:no-repeat !important;background-position:bottom 6px right 6px !important;background-size:28px 28px !important;}
eq[q="铂金"]>tip{border-top-color:#a87f1e !important;background-color:#f6f0d9 !important;background-image:url('data:image/svg+xml;utf8,') !important;background-repeat:no-repeat !important;background-position:bottom 6px right 6px !important;background-size:31px 31px !important;}
eq[q="钻石"]>tip{border-top-color:#36b6c6 !important;background-color:#f6f0d9 !important;background-image:url('data:image/svg+xml;utf8,') !important;background-repeat:no-repeat !important;background-position:bottom 6px right 6px !important;background-size:34px 34px !important;}
eq[q="星耀"]>tip{border-top-color:#e08b3a !important;background-color:#f6f0d9 !important;background-image:url('data:image/svg+xml;utf8,') !important;background-repeat:no-repeat !important;background-position:bottom 6px right 6px !important;background-size:38px 38px !important;}
eq[q="史诗"]>tip{border-top-color:#9b6fc4 !important;background-color:#f6f0d9 !important;background-image:url('data:image/svg+xml;utf8,') !important;background-repeat:no-repeat !important;background-position:bottom 6px right 6px !important;background-size:42px 42px !important;}
eq[q="传奇"]>tip{border-top-color:#c4543a !important;background-color:#f6f0d9 !important;background-image:url('data:image/svg+xml;utf8,') !important;background-repeat:no-repeat !important;background-position:bottom 6px right 6px !important;background-size:46px 46px !important;}
eq[q="神话"]>tip{border-top-color:#b8862f !important;background-color:#f6f0d9 !important;background-image:url('data:image/svg+xml;utf8,') !important;background-repeat:no-repeat !important;background-position:bottom 6px right 6px !important;background-size:50px 50px !important;}
@media (max-width:600px){
details.status .s,details.pack .s,details.sys .s{padding-left:11px !important;padding-right:11px !important;}
details.status .s>r,details.pack .s>r,details.sys .s>r{font-size:15px !important;}
.eqg{display:grid !important;grid-template-columns:1fr 1fr !important;}
eq{font-size:13.5px !important;min-width:0 !important;}
eq>tip{width:164px !important;font-size:13px !important;}
}
/* —— 高品级装备气泡：静态花纹（史诗/传奇/神话） —— */
eq[q="史诗"]>tip,eq[q="传奇"]>tip,eq[q="神话"]>tip{
background-repeat:no-repeat !important;
background-position:top 7px right 8px !important;
background-size:42px 42px !important;
}
eq[q="史诗"]>tip{background-image:url('data:image/svg+xml;utf8,') !important;}
eq[q="传奇"]>tip{background-image:url('data:image/svg+xml;utf8,') !important;}
eq[q="神话"]>tip{background-image:url('data:image/svg+xml;utf8,') !important;}
/* ════════════ NPC 记录 · details 区块 ════════════ */
details.npc{
margin:7px 0 !important;
border:1px solid #b8902e !important;
border-top:2px solid #a87f1e !important;
border-radius:5px !important;
background:linear-gradient(160deg,#f6f0d9,#f3ead2) !important;
box-shadow:0 3px 10px rgba(0,0,0,.16) !important;
overflow:hidden !important;
}
details.npc>summary{
cursor:pointer !important;list-style:none !important;text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:16px !important;font-weight:700 !important;letter-spacing:3px !important;
color:#b8902e !important;padding:11px 16px !important;
background:linear-gradient(90deg,rgba(176,138,40,.08),rgba(176,138,40,.20),rgba(176,138,40,.08)) !important;
border-bottom:1px solid rgba(176,138,40,.30) !important;
}
details.npc>summary::-webkit-details-marker{display:none !important;}
details.npc>summary::before{content:'❂ ' !important;color:#a87f1e !important;}
details.npc>summary::after{content:' ❂' !important;color:#a87f1e !important;}
details.npc .s{padding:6px 14px 12px !important;}
details.npc .s>t{
display:block !important;text-align:center !important;
font-family:'KaiTi','STKaiti','Noto Serif SC',serif !important;
font-size:16px !important;font-weight:700 !important;letter-spacing:2px !important;
color:#b8902e !important;margin:9px 0 5px !important;
}
details.npc .s>t::before{content:'━ ' !important;color:rgba(176,138,40,.4) !important;}
details.npc .s>t::after{content:' ━' !important;color:rgba(176,138,40,.4) !important;}
details.npc .s>r{
display:block !important;position:relative !important;
font-size:15px !important;line-height:1.8 !important;color:#3a3320 !important;
padding:2px 2px 2px 3px !important;
}
details.npc .s>r.i{
margin:0 0 0 5px !important;padding-left:12px !important;
border-left:1.5px solid rgba(176,138,40,.30) !important;
color:#574c30 !important;font-size:14.5px !important;
}
details.npc .s>hr{
border:none !important;height:1px !important;
background:linear-gradient(90deg,transparent,rgba(176,138,40,.5),transparent) !important;
margin:9px 0 3px !important;
}
@media (max-width:600px){
details.npc .s{padding-left:11px !important;padding-right:11px !important;}
details.npc .s>r{font-size:15px !important;}
}
/* 卡牌名/卡组名等标题行的 加粗 */
details.status .s>r b,details.pack .s>r b,details.sys .s>r b{font-weight:700 !important;color:#2e2713 !important;}