/* ═══════════════════════════════════════════════════ ☠ 冥途引·尸缘劫 ☠ 黑绿古风诡异主题完整版 ═══════════════════════════════════════════════════ */ /* ════════ ① 顶部栏·阴司朝堂 ════════ */ .sticky.w-full.top-0.flex.items-center{ background:linear-gradient(180deg,rgba(8,4,14,0.96),rgba(22,12,38,0.88))!important; border-bottom:1px solid rgba(57,255,123,0.35)!important; box-shadow:0 2px 24px rgba(40,15,75,0.5),inset 0 -1px 0 rgba(57,255,123,0.18)!important; backdrop-filter:blur(10px)!important; } .sticky.w-full.top-0.flex.items-center::after{ content:'';position:absolute!important;bottom:0;left:0;right:0;height:1px; background:linear-gradient(90deg,transparent,#39ff7b,#a86ec6,#c94060,#d4a843,#39ff7b,transparent)!important; background-size:300% 100%!important;animation:topFlow 8s linear infinite!important; } @keyframes topFlow{0%{background-position:0 0}100%{background-position:300% 0}} #ai-model-selector .group.flex.items-center{ background:linear-gradient(135deg,rgba(40,15,75,0.55),rgba(15,8,25,0.7))!important; border:1px solid rgba(168,110,198,0.45)!important;border-radius:6px!important; } #ai-model-selector .group.flex.items-center:hover{ border-color:rgba(57,255,123,0.65)!important;box-shadow:0 0 14px rgba(57,255,123,0.3)!important; } #ai-model-selector .truncate.text-\[13px\]{color:#dcc8ee!important;letter-spacing:1px!important} #ai-model-selector .shrink-0.flex.items-center svg{color:#39ff7b!important} .sticky.w-full.top-0 svg.lucide-clock-8, .sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]){ color:#c9a0e0!important;filter:drop-shadow(0 0 4px rgba(168,110,198,0.6))!important;transition:all .3s!important; } .sticky.w-full.top-0 svg.lucide-clock-8:hover{transform:rotate(20deg)!important;color:#39ff7b!important} #header-setting-button{ background:rgba(40,15,75,0.4)!important; border:1px solid rgba(168,110,198,0.45)!important;border-radius:6px!important; } #header-setting-button svg{color:#c9a0e0!important} /* ════════ ② 开场白选择器·诡卷启封 ════════ */ div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{ background:linear-gradient(135deg,rgba(22,12,38,0.9),rgba(10,5,18,0.95))!important; border:1px solid rgba(57,255,123,0.4)!important; box-shadow:0 0 10px rgba(40,15,75,0.4),inset 0 0 8px rgba(57,255,123,0.06)!important; color:#dcc8ee!important; } div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"]{ color:#39ff7b!important;filter:drop-shadow(0 0 4px rgba(57,255,123,0.5))!important; } div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{color:#c9a0e0!important} /* ════════ ③ Mod按钮栏·八枚尸符令牌 ════════ */ #ai-mod-button2 button.MuiButton-root{ background:linear-gradient(135deg,rgba(40,15,75,0.6),rgba(10,5,18,0.8))!important; border:1px solid rgba(168,110,198,0.5)!important; color:#c9a0e0!important;letter-spacing:2px!important;border-radius:6px!important; position:relative!important;overflow:hidden!important; box-shadow:0 0 8px rgba(40,15,75,0.35)!important;transition:all .35s!important; } #ai-mod-button2 button.MuiButton-root::before{ content:'';position:absolute;inset:0;left:-100%; background:linear-gradient(90deg,transparent,rgba(57,255,123,0.2),transparent); transition:left .6s ease;pointer-events:none; } #ai-mod-button2 button.MuiButton-root:hover{ color:#39ff7b!important;border-color:rgba(57,255,123,0.7)!important; box-shadow:0 0 20px rgba(57,255,123,0.35),inset 0 0 8px rgba(57,255,123,0.12)!important; transform:translateY(-1px)!important; } #ai-mod-button2 button.MuiButton-root:hover::before{left:100%!important} #ai-mod-button2 button.MuiButton-root svg{ color:#39ff7b!important;filter:drop-shadow(0 0 3px rgba(57,255,123,0.5))!important; } /* —— 隐藏原文字 —— */ #ai-mod-button2 button.MuiButton-root{font-size:0!important} #ai-mod-button2 button.MuiButton-root svg{font-size:initial!important;width:14px!important;height:14px!important} #ai-mod-button2 button.MuiButton-root::after{ font-size:13px!important;color:inherit!important;letter-spacing:2px!important;margin-left:4px!important; } #ai-mod-button2 button.MuiButton-root:nth-of-type(1)::after{content:'⚰ 启棺'!important;color:#39ff7b!important} #ai-mod-button2 button.MuiButton-root:nth-of-type(2)::after{content:'☠ 招魂'!important;color:#7be0e0!important} #ai-mod-button2 button.MuiButton-root:nth-of-type(3)::after{content:'🩸 镇尸'!important;color:#c94060!important} #ai-mod-button2 button.MuiButton-root:nth-of-type(4)::after{content:'🕯 引冥'!important;color:#d4a843!important} #ai-mod-button2 button.MuiButton-root:nth-of-type(5)::after{content:'🔮 渡阴'!important;color:#a86ec6!important} #ai-mod-button2 button.MuiButton-root:nth-of-type(6)::after{content:'☯ 阴阳'!important;color:#e8d8a8!important} #ai-mod-button2 button.MuiButton-root:nth-of-type(7)::after{content:'👻 续魄'!important;color:#a8e8c4!important} #ai-mod-button2 button.MuiButton-root:nth-of-type(8)::after{content:'⛓ 锁灵'!important;color:#e88abf!important} /* ════════ ④ 下角标按钮·阴司五印（聊天框底部操作按钮重命名） ════════ */ .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{ color:#c9a0e0!important;letter-spacing:1.5px!important; font-size:0!important;transition:all .3s!important; border:1px solid transparent!important;border-radius:4px!important; padding:4px 8px!important; } .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary svg{ font-size:initial!important;width:14px!important;height:14px!important; } .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary::after{ font-size:12px!important;color:inherit!important;letter-spacing:1.5px!important;margin-left:3px!important; } .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:nth-of-type(1)::after{content:'📜 招魂符'!important;color:#39ff7b!important} .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:nth-of-type(2)::after{content:'⚖ 阴司令'!important;color:#7be0e0!important} .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:nth-of-type(3)::after{content:'🗡 噬魂诀'!important;color:#c94060!important} .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:nth-of-type(4)::after{content:'🪞 窥冥镜'!important;color:#d4a843!important} .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:nth-of-type(5)::after{content:'🔖 还魂帖'!important;color:#a86ec6!important} .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{ border-color:currentColor!important;text-shadow:0 0 6px currentColor!important; background:rgba(40,15,75,0.3)!important; } /* ════════ ⑤ 分页栏·冥河之渡 ════════ */ .MuiPaginationItem-root{ color:#c9a0e0!important;background:rgba(22,12,38,0.55)!important; border:1px solid rgba(168,110,198,0.35)!important; } .MuiPaginationItem-root.Mui-selected{ background:linear-gradient(135deg,#7b2d8e,#3a1555)!important;color:#39ff7b!important; border-color:rgba(57,255,123,0.55)!important;box-shadow:0 0 12px rgba(57,255,123,0.35)!important; } .MuiPaginationItem-icon{color:#c9a0e0!important} .MuiInputBase-input{color:#dcc8ee!important;background:rgba(15,8,25,0.7)!important} /* ════════ ⑥ 输入框·冥河引笔 ════════ */ .bg-gradient-to-t{ background:linear-gradient(180deg,transparent,rgba(8,4,14,0.85) 30%,rgba(15,8,25,0.95))!important; } #ai-chat-bottom-input{ background:linear-gradient(135deg,rgba(22,12,38,0.92),rgba(10,5,18,0.96))!important; border:1px solid rgba(57,255,123,0.4)!important;border-radius:10px!important; box-shadow:0 0 22px rgba(40,15,75,0.4),inset 0 0 14px rgba(57,255,123,0.05)!important; } #ai-chat-input{ background:transparent!important;color:#e8d8f5!important; letter-spacing:1px!important;caret-color:#39ff7b!important; } #ai-chat-input::placeholder{ color:rgba(168,110,198,0.55)!important;font-style:italic!important;letter-spacing:2px!important; } #ai-chat-input::selection{background:rgba(57,255,123,0.25)!important;color:#fff!important} /* ════════ ⑦ 评论区·亡魂留言 ════════ */ div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{ background:linear-gradient(180deg,rgba(15,8,25,0.95),rgba(8,4,14,0.98))!important; border-top:1px solid rgba(168,110,198,0.4)!important; } div.text-lg.font-bold{ color:#39ff7b!important;text-shadow:0 0 12px rgba(57,255,123,0.35)!important;letter-spacing:3px!important; } p.MuiTypography-body1.text-grey-600{color:#c9a0e0!important} span.MuiRating-iconEmpty svg{color:rgba(168,110,198,0.4)!important} span.MuiRating-iconFilled svg{color:#d4a843!important;filter:drop-shadow(0 0 4px rgba(212,168,67,0.6))!important} span.text-orange-500{color:#d4a843!important;font-weight:bold!important} div.flex.flex-col.border-gray-200{ background:rgba(22,12,38,0.7)!important; border:1px solid rgba(168,110,198,0.4)!important;border-radius:8px!important; } textarea.rc-textarea{background:transparent!important;color:#dcc8ee!important} div.bg-gray-100.text-gray-500{background:rgba(75,20,110,0.3)!important;color:#c9a0e0!important;border-radius:4px!important} div.cursor-pointer.group.flex.items-center.justify-center{ background:linear-gradient(135deg,#7b2d8e,#3a1555)!important; border:1px solid rgba(57,255,123,0.5)!important;border-radius:8px!important; } div[data-state="closed"] svg[data-icon="Send03"]{color:#39ff7b!important} button.MuiButton-containedPrimary{ background:linear-gradient(135deg,#7b2d8e,#3a1555)!important; color:#39ff7b!important;border:1px solid rgba(57,255,123,0.45)!important; } button.MuiButton-outlinedPrimary{ background:rgba(22,12,38,0.55)!important;color:#c9a0e0!important; border:1px solid rgba(168,110,198,0.4)!important; } div.group img.rounded-full{ border:2px solid rgba(168,110,198,0.5)!important;box-shadow:0 0 8px rgba(40,15,75,0.4)!important; } div.text-sm.text-grey-600 span.font-bold{color:#e88abf!important} span.text-\[10px\]{color:#39ff7b!important;background:rgba(57,255,123,0.15)!important;padding:1px 6px!important;border-radius:4px!important} div.break-all{color:#dcc8ee!important;line-height:1.9!important} div.text-xs.text-grey-600{color:rgba(168,110,198,0.7)!important} button.text-gray-400 svg{color:rgba(232,138,191,0.7)!important} span.cursor-pointer{color:#39ff7b!important} div.ml-8.border-l{border-left-color:rgba(168,110,198,0.4)!important} div.style_divider__mW0YX{background:linear-gradient(90deg,transparent,rgba(168,110,198,0.5),transparent)!important} /* ════════ ⑧ 聊天框·阴司符卷（含SVG鬼火粒子背景） ════════ */ .bg-gray-100\/90.relative.inline-block{ background: url("data:image/svg+xml;utf8,"), linear-gradient(135deg,rgba(15,25,18,0.92) 0%,rgba(8,4,14,0.95) 50%,rgba(22,12,38,0.9) 100%)!important; background-size:auto,100% 100%!important; background-repeat:repeat,no-repeat!important; border:1px solid rgba(57,255,123,0.4)!important; border-radius:10px!important; box-shadow: 0 0 22px rgba(40,15,75,0.4), 0 0 40px rgba(57,255,123,0.1), inset 0 0 18px rgba(57,255,123,0.05)!important; position:relative!important;isolation:isolate!important;overflow:visible!important; } /* —— 边缘符纹流转 —— */ .bg-gray-100\/90.relative.inline-block::before{ content:''!important;position:absolute!important;inset:-1px!important; border-radius:10px!important; background:linear-gradient(135deg,#39ff7b,transparent 25%,transparent 75%,#a86ec6) border-box!important; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important; -webkit-mask-composite:xor!important;mask-composite:exclude!important; padding:1px!important;opacity:0.65!important; animation:borderRune 8s linear infinite!important; pointer-events:none!important;z-index:0!important; } @keyframes borderRune{ 0%,100%{filter:hue-rotate(0deg) brightness(1)} 33%{filter:hue-rotate(60deg) brightness(1.3)} 66%{filter:hue-rotate(-30deg) brightness(1.2)} } /* —— 鬼火光晕呼吸 —— */ .bg-gray-100\/90.relative.inline-block::after{ content:''!important;position:absolute!important;inset:0!important; background: radial-gradient(circle at 12% 18%,rgba(57,255,123,0.14) 0%,transparent 18%), radial-gradient(circle at 88% 82%,rgba(168,110,198,0.15) 0%,transparent 20%), radial-gradient(circle at 50% 50%,rgba(212,168,67,0.06) 0%,transparent 50%)!important; border-radius:10px!important;pointer-events:none!important;z-index:0!important; animation:ghostBreathe 6s ease-in-out infinite alternate!important; } @keyframes ghostBreathe{ 0%{opacity:0.6;transform:scale(1)} 100%{opacity:1;transform:scale(1.02)} } .markdown-body{ position:relative!important;z-index:2!important; background:transparent!important;color:#e8d8f5!important; line-height:2!important;letter-spacing:0.5px!important; } .markdown-body strong{color:#39ff7b!important;font-weight:bold!important} .markdown-body em{color:#e88abf!important} .markdown-body a{color:#7be0e0!important;text-decoration:underline dotted!important} .markdown-body code{ background:rgba(75,20,110,0.4)!important;color:#39ff7b!important; padding:2px 6px!important;border-radius:4px!important; } /* ════════ ⑨ 对话句·符纸现字 ════════ */ .markdown-body blockquote{ position:relative!important; background: linear-gradient(180deg,rgba(245,225,178,0.1) 0%,rgba(212,168,67,0.06) 50%,rgba(245,225,178,0.1) 100%), repeating-linear-gradient(0deg,rgba(212,168,67,0.05) 0px,rgba(212,168,67,0.05) 1px,transparent 1px,transparent 4px)!important; border:1px solid rgba(212,168,67,0.4)!important; border-left:3px solid #d4a843!important; border-radius:4px!important; padding:14px 18px 14px 22px!important; margin:14px 0!important; box-shadow:0 0 12px rgba(212,168,67,0.18),inset 0 0 22px rgba(212,168,67,0.05)!important; color:#f5e8c8!important;font-style:normal!important; } .markdown-body blockquote::before{ content:'符'!important;position:absolute!important; top:-10px!important;left:14px!important; font-size:18px!important;color:#d4a843!important;font-weight:bold!important; background:rgba(10,5,18,0.95)!important;padding:0 6px!important;border-radius:3px!important; text-shadow:0 0 8px rgba(212,168,67,0.7)!important; border:1px solid rgba(212,168,67,0.5)!important; } .markdown-body blockquote::after{ content:'⚯'!important;position:absolute!important; bottom:-8px!important;right:14px!important; font-size:14px!important;color:#c94060!important; background:rgba(10,5,18,0.95)!important;padding:0 5px!important;border-radius:3px!important; text-shadow:0 0 6px rgba(201,64,96,0.6)!important; border:1px solid rgba(201,64,96,0.45)!important; } /* ════════ ⑩ 思考动画·朱砂符箓 ════════ */ .style_dot-flashing__8L91Q.style_text__zGhNq{display:none!important} .flex.items-center.justify-center.w-6.h-5{ position:relative!important;width:90px!important;height:90px!important; display:flex!important;align-items:center!important;justify-content:center!important; } .flex.items-center.justify-center.w-6.h-5::before{ content:''!important;position:absolute!important; width:74px!important;height:74px!important; background-image:url("data:image/svg+xml;utf8,符")!important; background-size:contain!important;background-repeat:no-repeat!important; filter:drop-shadow(0 0 8px rgba(201,64,96,0.55))!important; } .flex.items-center.justify-center.w-6.h-5::after{ content:''!important;position:absolute!important; width:90px!important;height:90px!important; background-image:url("data:image/svg+xml;utf8,")!important; background-size:contain!important;background-repeat:no-repeat!important; filter:drop-shadow(0 0 5px rgba(168,110,198,0.55))!important; } @media(max-width:480px){ .flex.items-center.justify-center.w-6.h-5{width:64px!important;height:64px!important} .flex.items-center.justify-center.w-6.h-5::before{width:52px!important;height:52px!important} .flex.items-center.justify-center.w-6.h-5::after{width:64px!important;height:64px!important} } /* ════════ ⑪ 状态栏·古卷展开 ════════ */ .markdown-body details{ background: linear-gradient(135deg,rgba(15,25,18,0.92),rgba(8,4,14,0.95)), radial-gradient(circle at 0% 0%,rgba(57,255,123,0.1),transparent 40%), radial-gradient(circle at 100% 100%,rgba(168,110,198,0.12),transparent 40%)!important; border:1px solid rgba(57,255,123,0.45)!important; border-radius:8px!important;margin:14px 0!important;padding:0!important; box-shadow:0 0 18px rgba(40,15,75,0.35),inset 0 0 14px rgba(57,255,123,0.05)!important; position:relative!important;overflow:hidden!important; } .markdown-body details::before{ content:''!important;position:absolute!important;top:0;left:0;right:0;height:2px!important; background:linear-gradient(90deg,transparent,#39ff7b,#d4a843,#a86ec6,#c94060,#39ff7b,transparent)!important; background-size:250% 100%!important;animation:cardFlow 6s linear infinite!important; } @keyframes cardFlow{0%{background-position:0 0}100%{background-position:250% 0}} .markdown-body details summary{ cursor:pointer!important;padding:14px 20px!important; font-size:17px!important;letter-spacing:3px!important; color:#39ff7b!important; background:linear-gradient(90deg,rgba(40,15,75,0.45),rgba(15,8,25,0.2),transparent)!important; border-bottom:1px solid rgba(57,255,123,0.3)!important; text-shadow:0 0 8px rgba(57,255,123,0.35)!important; list-style:none!important;position:relative!important;transition:all .3s!important; } .markdown-body details summary::-webkit-details-marker{display:none!important} .markdown-body details summary::before{ content:'❖ '!important;color:#d4a843!important;margin-right:4px!important; text-shadow:0 0 6px rgba(212,168,67,0.5)!important; } .markdown-body details summary::after{ content:'▼'!important;position:absolute!important;right:18px!important;top:50%!important; transform:translateY(-50%)!important;color:#a86ec6!important;font-size:12px!important; transition:transform .3s!important; } .markdown-body details[open] summary::after{transform:translateY(-50%) rotate(180deg)!important} .markdown-body details summary:hover{ color:#7be0e0!important; background:linear-gradient(90deg,rgba(123,224,224,0.2),rgba(40,15,75,0.4),transparent)!important; } .markdown-body details[open]{animation:scrollUnroll .5s ease-out!important} @keyframes scrollUnroll{ from{opacity:0;transform:translateY(-10px) scaleY(0.92);transform-origin:top} to{opacity:1;transform:translateY(0) scaleY(1)} } .markdown-body details>*:not(summary){padding-left:20px!important;padding-right:20px!important} .markdown-body details>p, .markdown-body details>ul, .markdown-body details>ol{padding-top:6px!important;padding-bottom:6px!important;margin:4px 0!important} .markdown-body details>p:first-of-type{padding-top:14px!important} .markdown-body details>p:last-of-type{padding-bottom:14px!important} .markdown-body details strong{color:#7be0e0!important} .markdown-body details em{color:#e88abf!important} .markdown-body details ul li::marker{color:#39ff7b!important} .markdown-body details hr{ border:none!important;height:1px!important; background:linear-gradient(90deg,transparent,rgba(168,110,198,0.5),transparent)!important; margin:14px 0!important; } .markdown-body details table{ border-collapse:collapse!important;background:rgba(8,4,14,0.55)!important; border:1px solid rgba(168,110,198,0.35)!important;border-radius:6px!important; overflow:hidden!important;width:calc(100% - 40px)!important;margin:10px 20px!important; } .markdown-body details table th{ background:linear-gradient(135deg,rgba(75,20,110,0.55),rgba(30,15,45,0.55))!important; color:#39ff7b!important;padding:8px 12px!important; border-bottom:1px solid rgba(168,110,198,0.45)!important; } .markdown-body details table td{ color:#dcc8ee!important;padding:6px 12px!important; border-bottom:1px solid rgba(168,110,198,0.18)!important; } /* ════════ ⑫ NPC独立配色summary（emoji锚定） ════════ */ /* 穆卿衣⚰幽绿 */ .markdown-body details summary:where([class*=""]):is(*){} .markdown-body details:has(summary:where(*)) summary{} /* 通过文字内含emoji匹配——使用属性兜底方案 */ .markdown-body details summary{transition:all .3s!important} /* —— 实战：通过具体emoji出现位置匹配（部分浏览器有限） —— */ .markdown-body details>summary{} /* 当summary含⚰，整张details走幽绿 */ .markdown-body details:has(>summary:is(*)){} /* 由于CSS无法直接匹配文字内容，我们以"包含特定字符"的近似方法： 利用 summary 后续兄弟元素中是否存在某图片URL作为锚点 */ .markdown-body details:has(img[src*="10372625175083ac27bc991722ab05dc"]) summary{ color:#39ff7b!important;text-shadow:0 0 10px rgba(57,255,123,0.5)!important; } .markdown-body details:has(img[src*="10372625175083ac27bc991722ab05dc"])::before{ background:linear-gradient(90deg,transparent,#39ff7b,#7be0e0,#39ff7b,transparent)!important; } .markdown-body details:has(img[src*="ec8088bf1039e410d17d3a20043ba2b7"]) summary{ color:#7be0e0!important;text-shadow:0 0 10px rgba(123,224,224,0.5)!important; } .markdown-body details:has(img[src*="ec8088bf1039e410d17d3a20043ba2b7"])::before{ background:linear-gradient(90deg,transparent,#7be0e0,#c8e0f5,#7be0e0,transparent)!important; } .markdown-body details:has(img[src*="d3e9b4a6a17b52ba9ae945fe2aeb202c"]) summary{ color:#e8e8f5!important;text-shadow:0 0 10px rgba(220,228,245,0.55)!important; } .markdown-body details:has(img[src*="d3e9b4a6a17b52ba9ae945fe2aeb202c"])::before{ background:linear-gradient(90deg,transparent,#e8e8f5,#a8c0e8,#e8e8f5,transparent)!important; } .markdown-body details:has(img[src*="7a2233870bca148c8628cd205aec87f6"]) summary{ color:#e88abf!important;text-shadow:0 0 10px rgba(232,138,191,0.55)!important; } .markdown-body details:has(img[src*="7a2233870bca148c8628cd205aec87f6"])::before{ background:linear-gradient(90deg,transparent,#e88abf,#a86ec6,#e88abf,transparent)!important; } /* ════════ ⑬ 红颜图片·保持原图 ════════ */ .markdown-body img{ border:1.5px solid rgba(168,110,198,0.5)!important; border-radius:6px!important; box-shadow:0 0 14px rgba(40,15,75,0.45)!important; display:block!important;margin:10px auto!important; transition:transform .4s!important; } .markdown-body img:hover{transform:scale(1.04)!important} /* ════════ ⑭ NPC想法·对话气泡 ════════ */ .markdown-body details p:has(>em:first-child){ position:relative!important; background:linear-gradient(135deg,rgba(232,138,191,0.14),rgba(168,110,198,0.08))!important; border:1px solid rgba(232,138,191,0.4)!important; border-radius:14px 14px 14px 4px!important; padding:10px 16px 10px 30px!important; margin:10px 0 10px 18px!important; color:#f5d8e8!important; box-shadow:0 0 12px rgba(232,138,191,0.18)!important; } .markdown-body details p:has(>em:first-child)::before{ content:'💭'!important;position:absolute!important; left:8px!important;top:50%!important;transform:translateY(-50%)!important; font-size:16px!important;filter:drop-shadow(0 0 4px rgba(232,138,191,0.6))!important; } /* ════════ ⑮ 反转视角·紫色霓虹（倒数第二个details） ════════ */ .markdown-body>details:nth-last-of-type(2), .markdown-body details:nth-last-of-type(2){ background: linear-gradient(135deg,rgba(35,18,68,0.95),rgba(18,10,42,0.95)), radial-gradient(circle at 50% 0%,rgba(168,110,255,0.22),transparent 50%)!important; border:1px solid rgba(168,110,255,0.6)!important; box-shadow: 0 0 28px rgba(120,80,200,0.45), 0 0 50px rgba(168,110,255,0.25), inset 0 0 22px rgba(168,110,255,0.1)!important; animation:rerverseGlow 4s ease-in-out infinite alternate!important; } @keyframes rerverseGlow{ 0%{box-shadow:0 0 28px rgba(120,80,200,0.45),0 0 50px rgba(168,110,255,0.25),inset 0 0 22px rgba(168,110,255,0.1)} 100%{box-shadow:0 0 42px rgba(120,80,200,0.6),0 0 70px rgba(168,110,255,0.4),inset 0 0 30px rgba(168,110,255,0.15)} } .markdown-body details:nth-last-of-type(2)::before{ background:linear-gradient(90deg,transparent,#c4a8ff,#a86ec6,#7be0e0,#c4a8ff,transparent)!important; } .markdown-body details:nth-last-of-type(2) summary{ color:#d4b8ff!important; background:linear-gradient(90deg,rgba(120,80,200,0.55),rgba(40,20,70,0.3),transparent)!important; text-shadow:0 0 12px rgba(168,110,255,0.6)!important; border-bottom-color:rgba(168,110,255,0.4)!important; } .markdown-body details:nth-last-of-type(2) summary::before{content:'👁 '!important;color:#c4a8ff!important} .markdown-body details:nth-last-of-type(2) strong{color:#d4b8ff!important} .markdown-body details:nth-last-of-type(2) em{color:#a890e0!important} .markdown-body details:nth-last-of-type(2) blockquote{ background:linear-gradient(180deg,rgba(168,110,255,0.1),rgba(120,80,200,0.05))!important; border-color:rgba(168,110,255,0.45)!important; border-left-color:#c4a8ff!important;color:#e8d8ff!important; } /* ════════ ⑯ 滚动条·阴司流光 ════════ */ .markdown-body ::-webkit-scrollbar{width:6px!important;height:6px!important} .markdown-body ::-webkit-scrollbar-track{background:rgba(8,4,14,0.5)!important} .markdown-body ::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#7b2d8e,#39ff7b)!important;border-radius:3px!important; } /* ════════ ⑰ 底部辅助文字 ════════ */ .MuiTypography-root.MuiTypography-body2.css-6c0gf2{color:#a890c8!important} .text-orange-500{color:#d4a843!important}