公开统计
3,753热度分
1,323消息量
3,137世界书字符
9,970固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: nxvtq4l9og2aewf16ayvduln.webpbackground: w566z3mwl6iibzki9ajo7ec4.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 23,560 字符;仅作为文本显示,不会在本站执行。
/* ============================================
漫画风格聊天框完整美化方案 - 简洁版
============================================ */
/* 覆盖外层聊天气泡容器 - AI输出侧和用户侧 */
.relative.inline-block.w-full.bg-gray-100\/90,
.relative.inline-block.max-w-full.bg-gray-100\/90 {
/* 移除原始灰色背景和圆角 */
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
/* 使用新的漫画风格容器 */
background-image: url('https://tutu.to/image/fTKB4') !important;
background-size: cover !important;
background-position: center !important;
background-attachment: local !important;
border: 4px solid #333 !important;
box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.15) !important;
padding: 24px !important;
position: relative !important;
}
/* AI输出侧 - 添加米黄色遮罩层 */
.relative.inline-block.w-full.bg-gray-100\/90::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: rgba(255, 248, 225, 0.85) !important;
z-index: 0 !important;
pointer-events: none !important;
}
/* 用户输入侧 - 添加浅蓝色遮罩层区分 */
.relative.inline-block.max-w-full.bg-gray-100\/90::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: rgba(232, 245, 248, 0.85) !important;
z-index: 0 !important;
pointer-events: none !important;
}
/* 确保所有子元素在遮罩层之上 */
.relative.inline-block > * {
position: relative !important;
z-index: 1 !important;
}
/* 隐藏原有顶部装饰线 */
.relative.inline-block > .absolute.top-0 {
display: none !important;
}
/* markdown-body 容器样式调整 */
.markdown-body {
background: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif !important;
line-height: 1.8 !important;
color: #2C3E50 !important;
}
/* 段落样式 */
.markdown-body p {
margin: 16px 0 !important; /* 保持分段间距 */
padding: 0 !important;
background: transparent !important; /* 背景透明,不分段 */
border: none !important;
box-shadow: none !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) !important;
}
/* 粉色对话文字 */
.markdown-body span[style*="color: pink"] {
color: #EC407A !important;
font-weight: bold !important;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.8) !important;
background: linear-gradient(to right, #FCE4EC, transparent) !important;
padding: 2px 6px !important;
display: inline-block !important;
border: 2px solid #F48FB1 !important;
}
/* 紫色对话文字 */
.markdown-body span[style*="color: purple"] {
color: #7B1FA2 !important;
font-weight: bold !important;
text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.8) !important;
background: linear-gradient(to right, #F3E5F5, transparent) !important;
padding: 2px 6px !important;
display: inline-block !important;
border: 2px solid #AB47BC !important;
}
/* Details折叠块基础样式 */
.markdown-body details {
margin: 20px 0 !important;
background: rgba(255, 255, 255, 0.98) !important;
border: 3px solid #333 !important;
box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.markdown-body details:hover {
transform: translateY(-4px) !important;
box-shadow: 8px 12px 0 rgba(0, 0, 0, 0.25) !important;
}
/* Summary标题样式 */
.markdown-body details summary {
padding: 16px 20px !important;
font-size: 16px !important;
font-weight: bold !important;
cursor: pointer !important;
user-select: none !important;
position: relative !important;
list-style: none !important;
border-bottom: 3px solid #333 !important;
transition: all 0.2s ease !important;
}
.markdown-body details summary::-webkit-details-marker {
display: none !important;
}
/* 基础信息 - 天蓝色 */
.markdown-body details:nth-of-type(1) summary {
background: linear-gradient(135deg, #81D4FA 0%, #29B6F6 100%) !important;
color: #01579B !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.markdown-body details:nth-of-type(1) summary:hover {
background: linear-gradient(135deg, #29B6F6 0%, #03A9F4 100%) !important;
transform: translateX(4px) !important;
}
/* 行动选项/第二个折叠块 - 橙黄色 */
.markdown-body details:nth-of-type(2) summary {
background: linear-gradient(135deg, #FFD54F 0%, #FFC107 100%) !important;
color: #F57F17 !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.markdown-body details:nth-of-type(2) summary:hover {
background: linear-gradient(135deg, #FFC107 0%, #FFB300 100%) !important;
transform: translateX(4px) !important;
}
/* 当前交互角色/第三个折叠块 - 粉红色 */
.markdown-body details:nth-of-type(3) summary {
background: linear-gradient(135deg, #F48FB1 0%, #EC407A 100%) !important;
color: #880E4F !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.markdown-body details:nth-of-type(3) summary:hover {
background: linear-gradient(135deg, #EC407A 0%, #E91E63 100%) !important;
transform: translateX(4px) !important;
}
/* 记忆区/第四个折叠块 - 薄荷绿 */
.markdown-body details:nth-of-type(4) summary {
background: linear-gradient(135deg, #A5D6A7 0%, #66BB6A 100%) !important;
color: #1B5E20 !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.markdown-body details:nth-of-type(4) summary:hover {
background: linear-gradient(135deg, #66BB6A 0%, #4CAF50 100%) !important;
transform: translateX(4px) !important;
}
/* 小剧场/第五个折叠块 - 紫色 */
.markdown-body details:nth-of-type(5) summary {
background: linear-gradient(135deg, #CE93D8 0%, #AB47BC 100%) !important;
color: #4A148C !important;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.markdown-body details:nth-of-type(5) summary:hover {
background: linear-gradient(135deg, #AB47BC 0%, #9C27B0 100%) !important;
transform: translateX(4px) !important;
}
/* 展开状态样式 */
.markdown-body details[open] summary {
border-bottom: 3px solid #333 !important;
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 10px,
rgba(0, 0, 0, 0.05) 10px,
rgba(0, 0, 0, 0.05) 20px
) !important;
}
/* 展开/收起图标 */
.markdown-body details summary::after {
content: '▼' !important;
position: absolute !important;
right: 20px !important;
top: 50% !important;
transform: translateY(-50%) rotate(0deg) !important;
transition: transform 0.3s ease !important;
font-size: 14px !important;
font-weight: bold !important;
}
.markdown-body details[open] summary::after {
transform: translateY(-50%) rotate(180deg) !important;
}
/* Pre代码块样式 */
.markdown-body pre {
margin: 0 !important;
padding: 16px !important;
background: rgba(255, 254, 247, 0.98) !important;
border: none !important;
overflow-x: auto !important;
}
.markdown-body pre div {
background: transparent !important;
}
/* Code内容样式 */
.markdown-body code {
color: #2C3E50 !important;
font-family: 'Consolas', 'Monaco', monospace !important;
font-size: 13px !important;
line-height: 1.8 !important;
white-space: pre-wrap !important;
word-break: break-word !important;
}
/* 代码块头部工具栏 */
.markdown-body .flex.justify-between {
background: rgba(245, 245, 245, 0.98) !important;
border-bottom: 2px solid #333 !important;
padding: 8px 16px !important;
}
/* 复制按钮样式 */
.markdown-body .style_copyIcon__GJL9e {
border: 2px solid #333 !important;
background: #FFF !important;
transition: all 0.2s ease !important;
}
.markdown-body .style_copyIcon__GJL9e:hover {
background: #FFB300 !important;
transform: translateY(-2px) !important;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2) !important;
}
/* HR分隔线 */
.markdown-body hr {
border: none !important;
border-top: 4px dashed #333 !important;
margin: 24px 0 !important;
opacity: 0.5 !important;
}
/* 滚动条美化 */
.markdown-body pre::-webkit-scrollbar {
height: 8px !important;
background: #F5F5F5 !important;
border: 2px solid #333 !important;
}
.markdown-body pre::-webkit-scrollbar-thumb {
background: #FFC107 !important;
border: 1px solid #333 !important;
}
.markdown-body pre::-webkit-scrollbar-thumb:hover {
background: #FFB300 !important;
}
/* ============================================
底部信息和按钮组美化
============================================ */
/* 积分消耗信息栏 */
.MuiStack-root.text-purple-500 {
margin-top: 16px !important;
padding: 12px 16px !important;
background: rgba(243, 229, 245, 0.95) !important;
border: 2px solid #333 !important;
border-radius: 0 !important;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1) !important;
}
.MuiStack-root.text-purple-500 p {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
font-size: 12px !important;
}
/* 底部按钮组容器 */
.MuiStack-root.css-1dzoql9 {
margin-top: 16px !important;
padding: 12px !important;
background: rgba(255, 255, 255, 0.9) !important;
border: 3px solid #333 !important;
border-radius: 0 !important;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15) !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
/* 按钮基础样式 */
.MuiButton-root.css-1t7rg57 {
background: #fff !important;
color: #2C3E50 !important;
border: 2px solid #333 !important;
border-radius: 0 !important;
padding: 6px 12px !important;
font-size: 12px !important;
font-weight: bold !important;
text-transform: none !important;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15) !important;
transition: all 0.2s ease !important;
}
/* 按钮悬停效果 */
.MuiButton-root.css-1t7rg57:hover {
transform: translateY(-2px) !important;
box-shadow: 4px 6px 0 rgba(0, 0, 0, 0.2) !important;
}
/* 按钮点击效果 */
.MuiButton-root.css-1t7rg57:active {
transform: translateY(0) !important;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) !important;
}
/* 不同按钮的配色 */
.MuiButton-root.css-1t7rg57:nth-child(1) {
/* 复制按钮 - 绿色 */
background: linear-gradient(135deg, #A5D6A7 0%, #66BB6A 100%) !important;
color: #1B5E20 !important;
}
.MuiButton-root.css-1t7rg57:nth-child(2) {
/* 刷新/编辑按钮 - 蓝色 */
background: linear-gradient(135deg, #81D4FA 0%, #29B6F6 100%) !important;
color: #01579B !important;
}
.MuiButton-root.css-1t7rg57:nth-child(3) {
/* 编辑/删除按钮 - 橙色 */
background: linear-gradient(135deg, #FFD54F 0%, #FFC107 100%) !important;
color: #F57F17 !important;
}
.MuiButton-root.css-1t7rg57:nth-child(4) {
/* 删除按钮 - 红色 */
background: linear-gradient(135deg, #EF9A9A 0%, #E57373 100%) !important;
color: #B71C1C !important;
}
.MuiButton-root.css-1t7rg57:nth-child(5) {
/* 生成音频按钮 - 紫色 */
background: linear-gradient(135deg, #CE93D8 0%, #AB47BC 100%) !important;
color: #4A148C !important;
}
.MuiButton-root.css-1t7rg57:nth-child(6) {
/* 生成图片按钮 - 粉色 */
background: linear-gradient(135deg, #F48FB1 0%, #EC407A 100%) !important;
color: #880E4F !important;
}
/* 按钮图标样式 */
.MuiButton-root svg {
margin-right: 4px !important;
filter: drop-shadow(1px 1px 0 rgba(255, 255, 255, 0.5)) !important;
}
/* ============================================
响应式适配
============================================ */
@media (max-width: 768px) {
.relative.inline-block.w-full.bg-gray-100\/90,
.relative.inline-block.max-w-full.bg-gray-100\/90 {
padding: 16px !important;
border-width: 3px !important;
}
.markdown-body details summary {
padding: 12px 16px !important;
font-size: 14px !important;
}
.MuiButton-root.css-1t7rg57 {
font-size: 11px !important;
padding: 5px 10px !important;
}
}
/* ============================================
打印样式优化
============================================ */
@media print {
.relative.inline-block::before {
display: none !important;
}
.relative.inline-block {
background: white !important;
border: 1px solid #333 !important;
box-shadow: none !important;
}
.MuiStack-root.css-1dzoql9 {
display: none !important;
}
}
/* =========================================
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "bxeiff12lv3jz20l00rtf8hv.html",
"options": {
"items": [
{
"order": 0,
"label": "触发好感度剧情",
"type": "SET-INPUT",
"value": "触发好感度剧情(若好感度未达到该阶段最大值,请不要发送本指令)"
},
{
"order": 1,
"label": "时间跳转",
"type": "SET-INPUT",
"value": "时间跳转(度过X天平淡时间,甜蜜值增加X点)(请自行修改X的数值,并删掉这句话)"
}
]
},
"defaultModelSettings": null,
"cover": "nxvtq4l9og2aewf16ayvduln.webp",
"background": "w566z3mwl6iibzki9ajo7ec4.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。