公开统计
683热度分
137消息量
0世界书字符
10,599固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: dyq2mrygm7yhwdmwnla0r78f.webpbackground: qbelknzrw576pe042bt3m7c4.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 48,016 字符;仅作为文本显示,不会在本站执行。
/* ============================================
赛博地府 · 黑白无常 · 聊天框
============================================ */
/* 隐藏平台默认加载动画 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
display: none !important;
}
/* 隐藏顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
display: none !important;
}
/* ---------- 主聊天框:半透明磨砂黑玻璃 ---------- */
.bg-gray-100\/90.relative.inline-block {
background: rgba(8, 8, 12, 0.55) !important;
backdrop-filter: blur(20px) saturate(140%) !important;
-webkit-backdrop-filter: blur(20px) saturate(140%) !important;
border: 1px solid rgba(255, 255, 255, 0.07) !important;
border-radius: 14px !important;
box-shadow:
0 12px 42px rgba(0, 0, 0, 0.75),
inset 0 1px 0 rgba(255, 255, 255, 0.08),
inset 0 -1px 0 rgba(0, 0, 0, 0.55) !important;
position: relative !important;
isolation: isolate !important;
overflow: visible !important;
margin-left: 42px !important;
margin-right: 40px !important;
}
/* ---------- 左侧:黑色锁链 + 铃铛(SMIL 轻摆) ---------- */
.bg-gray-100\/90.relative.inline-block::before {
content: '' !important;
position: absolute !important;
top: -12px !important;
left: -38px !important;
width: 34px !important;
height: calc(100% + 26px) !important;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 240' preserveAspectRatio='xMidYMax meet'><g stroke='%230a0a0a' stroke-width='2.2' fill='none'><ellipse cx='20' cy='10' rx='5.5' ry='9'/><ellipse cx='20' cy='28' rx='9' ry='5.5'/><ellipse cx='20' cy='46' rx='5.5' ry='9'/><ellipse cx='20' cy='64' rx='9' ry='5.5'/><ellipse cx='20' cy='82' rx='5.5' ry='9'/><ellipse cx='20' cy='100' rx='9' ry='5.5'/><ellipse cx='20' cy='118' rx='5.5' ry='9'/><ellipse cx='20' cy='136' rx='9' ry='5.5'/><ellipse cx='20' cy='154' rx='5.5' ry='9'/><ellipse cx='20' cy='172' rx='9' ry='5.5'/><ellipse cx='20' cy='190' rx='5.5' ry='9'/></g><g transform='translate(20 198)'><animateTransform attributeName='transform' type='rotate' values='0;-11;0;11;0' keyTimes='0;0.25;0.5;0.75;1' dur='3.4s' repeatCount='indefinite' additive='sum'/><line x1='0' y1='0' x2='0' y2='4' stroke='%230a0a0a' stroke-width='1'/><path d='M-9 4 Q-9 -4 0 -4 Q9 -4 9 4 L11 15 L-11 15 Z' fill='%23161616' stroke='%23555' stroke-width='0.6'/><ellipse cx='0' cy='8' rx='6' ry='2.4' fill='none' stroke='%23444' stroke-width='0.4'/><line x1='-11' y1='15' x2='11' y2='15' stroke='%23555' stroke-width='0.4'/><line x1='0' y1='15' x2='0' y2='17' stroke='%23555' stroke-width='0.6'/><circle cx='0' cy='19.5' r='2.6' fill='%230a0a0a' stroke='%23666' stroke-width='0.4'/></g></svg>") !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
pointer-events: none !important;
z-index: 2 !important;
filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, 0.9)) !important;
}
/* ---------- 右侧:白幡(SMIL 轻拂动) ---------- */
.bg-gray-100\/90.relative.inline-block::after {
content: '' !important;
position: absolute !important;
top: -16px !important;
right: -36px !important;
width: 32px !important;
height: calc(100% + 42px) !important;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 240' preserveAspectRatio='xMidYMin meet'><line x1='20' y1='0' x2='20' y2='12' stroke='%23888' stroke-width='0.8'/><line x1='5' y1='12' x2='35' y2='12' stroke='%23999' stroke-width='2'/><circle cx='5' cy='12' r='1.7' fill='%23bbb'/><circle cx='35' cy='12' r='1.7' fill='%23bbb'/><g><animateTransform attributeName='transform' type='skewX' values='0;3.2;0;-3.2;0' keyTimes='0;0.25;0.5;0.75;1' dur='5s' repeatCount='indefinite'/><path d='M10 12 L30 12 L30 202 L20 220 L10 202 Z' fill='%23f4f4ee' fill-opacity='0.92' stroke='%23bbb' stroke-width='0.6'/><text x='20' y='42' font-family='STKaiti, KaiTi, serif' font-size='11' font-weight='700' fill='%230a0a0a' text-anchor='middle'>魂</text><text x='20' y='68' font-family='STKaiti, KaiTi, serif' font-size='11' font-weight='700' fill='%230a0a0a' text-anchor='middle'>兮</text><text x='20' y='94' font-family='STKaiti, KaiTi, serif' font-size='11' font-weight='700' fill='%230a0a0a' text-anchor='middle'>归</text><text x='20' y='120' font-family='STKaiti, KaiTi, serif' font-size='11' font-weight='700' fill='%230a0a0a' text-anchor='middle'>来</text><text x='20' y='150' font-family='STKaiti, KaiTi, serif' font-size='12' font-weight='700' fill='%23a00' text-anchor='middle'>令</text><path d='M12 202 L14 217 L17 206' fill='none' stroke='%23888' stroke-width='0.6'/><path d='M23 206 L26 217 L28 202' fill='none' stroke='%23888' stroke-width='0.6'/></g></svg>") !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
pointer-events: none !important;
z-index: 2 !important;
filter: drop-shadow(-1px 2px 4px rgba(0, 0, 0, 0.85)) !important;
}
/* ---------- 主要文本 ---------- */
.markdown-body {
color: #F0F0F0 !important;
position: relative !important;
z-index: 1 !important;
background: transparent !important;
font-family: "STKaiti", "KaiTi", "Noto Serif SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", serif !important;
line-height: 1.88 !important;
letter-spacing: 0.02em !important;
}
.markdown-body strong,
.markdown-body b {
color: #FFFFFF !important;
font-weight: bold !important;
}
.markdown-body em,
.markdown-body i {
color: #D0D0DC !important;
}
.markdown-body code {
background: rgba(255, 255, 255, 0.08) !important;
color: #C8E8FF !important;
padding: 2px 6px !important;
border-radius: 4px !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.markdown-body a {
color: #C8E8FF !important;
}
.markdown-body blockquote {
border-left: 3px solid rgba(255, 255, 255, 0.25) !important;
color: #C8C8D8 !important;
background: rgba(255, 255, 255, 0.03) !important;
}
/* ---------- 底部:按钮 / 模型名 / Token ---------- */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
color: #EAEAEA !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
color: #EAEAEA !important;
opacity: 0.9 !important;
}
.text-orange-500 {
color: #EAEAEA !important;
opacity: 0.75 !important;
}
/* ================================
移动端缩放优化补丁
保持原设计与动画完全不变,仅令尺寸随视口平滑缩放
============================================ */
/* 主聊天框:边距随视口宽度线性收缩 */
.bg-gray-100\/90.relative.inline-block {
box-sizing: border-box !important;
margin-left: clamp(22px, 7.5vw, 42px) !important;
margin-right: clamp(20px, 7vw, 40px) !important;
}
/* 左侧锁链:宽度、外偏移随视口同步缩放 */
.bg-gray-100\/90.relative.inline-block::before {
width: clamp(20px, 6.5vw, 34px) !important;
left: calc(-1 * clamp(22px, 7vw, 38px)) !important;
height: calc(100% + clamp(18px, 5vw, 26px)) !important;
}
/* 右侧白幡:宽度、外偏移随视口同步缩放 */
.bg-gray-100\/90.relative.inline-block::after {
width: clamp(20px, 6.2vw, 32px) !important;
right: calc(-1 * clamp(20px, 6.5vw, 36px)) !important;
height: calc(100% + clamp(28px, 7vw, 42px)) !important;
}
/* 覆盖原 480px 硬断点:改用 clamp 后不需要跳变式缩放 */
@media (max-width: 480px) {
.bg-gray-100\/90.relative.inline-block {
margin-left: clamp(22px, 7.5vw, 42px) !important;
margin-right: clamp(20px, 7vw, 40px) !important;
}
.bg-gray-100\/90.relative.inline-block::before {
width: clamp(20px, 6.5vw, 34px) !important;
left: calc(-1 * clamp(22px, 7vw, 38px)) !important;
}
.bg-gray-100\/90.relative.inline-block::after {
width: clamp(20px, 6.2vw, 32px) !important;
right: calc(-1 * clamp(20px, 6.5vw, 36px)) !important;
}
.flex.items-center.justify-center.w-6.h-5 {
width: clamp(46px, 13vw, 64px) !important;
height: clamp(46px, 13vw, 64px) !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
width: clamp(40px, 11.5vw, 58px) !important;
height: clamp(40px, 11.5vw, 58px) !important;
}
}
/* 超窄屏保底(≤340px 老设备) */
@media (max-width: 340px) {
.bg-gray-100\/90.relative.inline-block {
margin-left: 20px !important;
margin-right: 18px !important;
}
.bg-gray-100\/90.relative.inline-block::before {
width: 18px !important;
left: -20px !important;
}
.bg-gray-100\/90.relative.inline-block::after {
width: 18px !important;
right: -18px !important;
}
}
/* ============================================
赛博地府 · 黑白无常 · 界面美化 (双层适配版)
============================================ */
/* ========== 顶部栏 · 鬼门关门楼 ========== */
.sticky.w-full.top-0.flex.items-center {
background: linear-gradient(180deg, rgba(16, 16, 24, 0.72) 0%, rgba(21, 21, 34, 0.85) 100%),
url("https://catai.wiki/93ceca91-b5fc-4471-3aad-f031b7f26000/w=3000") center/cover no-repeat !important;
border-bottom: 1px solid rgba(181, 107, 255, 0.35) !important;
box-shadow: 0 0 20px rgba(139, 92, 246, 0.2),
0 2px 0 rgba(0, 229, 255, 0.12) !important;
position: relative !important;
font-family: "STKaiti", "KaiTi", "Noto Serif SC", serif !important;
background-blend-mode: normal, luminosity !important;
}
.sticky.w-full.top-0.flex.items-center::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; height: 1px;
background: linear-gradient(90deg, transparent, #00e5ff 30%, #b56bff 70%, transparent);
opacity: 0.75;
pointer-events: none;
}
.sticky.w-full.top-0.flex.items-center::after {
content: "";
position: absolute;
bottom: 0; left: 0; right: 0; height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.5), transparent);
pointer-events: none;
}
/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
background: rgba(20, 20, 32, 0.55) !important;
border: 1px solid rgba(181, 107, 255, 0.4) !important;
border-radius: 8px !important;
padding: 4px 12px !important;
backdrop-filter: blur(6px) !important;
transition: all 0.3s ease !important;
box-shadow: inset 0 0 8px rgba(181, 107, 255, 0.12), 0 0 10px rgba(0, 0, 0, 0.35) !important;
}
#ai-model-selector .group.flex.items-center:hover {
border-color: rgba(0, 229, 255, 0.6) !important;
box-shadow: inset 0 0 14px rgba(0, 229, 255, 0.15), 0 0 14px rgba(0, 229, 255, 0.25) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
color: #f0f0fa !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-shadow: 0 0 8px rgba(181, 107, 255, 0.55) !important;
font-family: "STKaiti", "KaiTi", serif !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
color: #00e5ff !important;
filter: drop-shadow(0 0 4px rgba(0, 229, 255, 0.65));
transition: transform 0.3s ease;
}
#ai-model-selector .group.flex.items-center:hover svg {
transform: translateY(2px);
}
/* 历史图标 (白无常·清冷) */
.sticky.w-full.top-0 svg.lucide-clock-8 {
color: #f5f6fa !important;
filter: drop-shadow(0 0 6px rgba(245, 246, 250, 0.75));
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover {
transform: rotate(20deg) scale(1.15);
filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.9));
}
/* 未读角标 · 血滴 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
background: #ff3d3d !important;
box-shadow: 0 0 8px rgba(255, 61, 61, 0.85), 0 0 14px rgba(255, 61, 61, 0.4) !important;
animation: bloodPulse 1.6s ease-in-out infinite;
}
@keyframes bloodPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.55; transform: scale(1.35); }
}
/* 音乐按钮 (黑无常·幽紫) */
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
color: #b56bff !important;
filter: drop-shadow(0 0 5px rgba(181, 107, 255, 0.65));
}
/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
color: #b8a8ff !important;
filter: drop-shadow(0 0 4px rgba(184, 168, 255, 0.65));
transition: transform 0.4s ease;
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": [
{
"enabled": false,
"applyMode": "all",
"messageRole": "all",
"regex": "",
"replaceString": ""
}
],
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "e0r43neycmlnp2gxbgpy0lva.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "dyq2mrygm7yhwdmwnla0r78f.webp",
"background": "qbelknzrw576pe042bt3m7c4.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。