公开统计
441热度分
67消息量
5,110世界书字符
6,939固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: s3c2mqxz2kd7awdvzovl8n3a.webpbackground: f9zaju0xtkxlz3i1vcp2s0un.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 13,106 字符;仅作为文本显示,不会在本站执行。
/* --- 主题:简易修仙 · 清雅风格 UI (Simple Cultivation Elegant) --- */
/* [功能更新]:
- 遵照指示,将【仅叙事正文】的字体颜色修改为中黑色 (#212529)。
- 为确保可读性,此规则仅针对AI回复气泡内的主要段落(<p>)生效。
- 所有其他UI元素(如悬浮面板、选项按钮等)的字体颜色将维持原有的修仙风格。
- 保留并沿用所有现有功能,包括AI回复加载动画和悬浮面板交互。
*/
/* ======================================================= */
/* Part 1: 全局UI美化 */
/* ======================================================= */
/* 1.1: AI聊天气泡 & 用户输入框 */
.bg-gray-100\/90.relative.inline-block {
background: linear-gradient(135deg, #fef9f4, #fdf6f0) !important;
border: 1px solid rgba(232, 213, 196, 0.5) !important;
border-radius: 16px !important;
box-shadow: 0 0 15px rgba(232, 213, 196, 0.2), inset 0 0 6px rgba(232, 213, 196, 0.1) !important;
transition: all 0.3s ease !important;
}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
margin-top: 0 !important;
}
/* 1.2: 全局字体及平台默认样式处理 */
/* 默认全局字体颜色(适用于UI面板、按钮等) */
.markdown-body {
color: #5d4037 !important;
font-weight: 500 !important;
}
/* --- 新增规则:仅修改叙事正文颜色 --- */
/* 此选择器`.markdown-body > p`精确地指向AI回复中的主要文本段落,
而不影响<details>面板或其他自定义UI内的文本。
注意:由于背景为深色,此处设定的中黑色字体在部分设备上可能难以阅读。
*/
.markdown-body > p {
color: #212529 !important; /* 中黑色/深灰色 */
}
/* --- 新增规则结束 --- */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
display: none !important;
}
/* 1.3: 情节提要与选项区 */
div.markdown-body > pre:first-of-type {
background: rgba(253, 246, 240, 0.9) !important;
border: 1px solid #e8d5c4 !important;
border-radius: 12px !important;
box-shadow: inset 0 0 8px rgba(232, 213, 196, 0.3) !important;
padding: 1em !important;
margin-bottom: 1.5rem !important;
}
div.markdown-body > pre:last-of-type {
background: rgba(212, 230, 212, 0.3) !important;
border: 1px solid rgba(165, 214, 167, 0.3) !important;
border-radius: 12px !important;
box-shadow: 0 2px 8px rgba(165, 214, 167, 0.15) !important;
padding: 1em !important;
margin-top: 1.5rem !important;
}
/* 1.4: AI 回复加载动画 */
@keyframes gentle-pulse {
0%, 100% {
border-color: rgba(232, 213, 196, 0.5);
box-shadow: 0 0 15px rgba(232, 213, 196, 0.2), inset 0 0 6px rgba(232, 213, 196, 0.1);
}
50% {
border-color: rgba(165, 214, 167, 0.6);
box-shadow: 0 0 25px rgba(165, 214, 167, 0.25), inset 0 0 10px rgba(165, 214, 167, 0.15);
}
}
.bg-gray-100\/90.relative.inline-block.streaming {
animation: gentle-pulse 2s infinite ease-in-out !important;
}
/* ============================================================= */
/* Part 2: 内嵌信息栏 (终极通用选择器) */
/* ============================================================= */
/* 2.1: 【终极通用】为所有 <details> 容器设置基础样式 */
div.markdown-body details {
background: none !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 12px 0 !important;
position: static !important;
}
/* 2.2: 【终极通用】为所有未展开的 <summary> (信息栏本体) 设置样式 */
div.markdown-body details > summary {
position: static !important;
width: auto !important; height: auto !important;
background: linear-gradient(135deg, #f5f0e6, #e8e2d5) !important;
border: 1px solid #d4c4b0 !important;
border-radius: 12px !important;
padding: 12px 18px !important;
color: #8d6e63 !important;
font-weight: bold !important;
cursor: pointer !important;
list-style: none !important;
transition: all 0.3s ease !important;
outline: none !important;
box-shadow: 0 2px 8px rgba(141, 110, 99, 0.1) !important;
}
div.markdown-body details > summary::-webkit-details-marker {
display: none !important;
}
/* 2.3: 【终极通用】为所有信息栏设置悬停效果 */
div.markdown-body details > summary:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 15px rgba(165, 214, 167, 0.2) !important;
border-color: #a5d6a7 !important;
color: #5d4037 !important;
}
/* ============================================================= */
/* Part 3: 展开后的面板样式 (终极通用选择器) */
/* ============================================================= */
/* 3.1: 【终极通用】为任何展开的 <details> (面板容器) 设置样式 */
div.markdown-body details[open] {
position: fixed !important; top: 50% !important;
right: 20px !important;
transform: translateY(-50%) !important;
width: calc(100vw - 40px) !important;
max-width: 420px !important;
height: 70vh !important;
z-index: 1001 !important;
background: rgba(254, 249, 244, 0.95) !important;
backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important;
border: 1px solid rgba(232, 213, 196, 0.6) !important;
box-shadow: 0 8px 40px rgba(141, 110, 99, 0.15) !important;
border-radius: 24px !important;
animation: fadeInPanel 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
overflow-y: auto !important;
}
/* 3.2: 【终极通用】为所有展开的面板美化滚动条 */
div.markdown-body details[open]::-webkit-scrollbar { width: 8px; }
div.markdown-body details[open]::-webkit-scrollbar-track { background: rgba(232, 213, 196, 0.2); border-radius: 4px;}
div.markdown-body details[open]::-webkit-scrollbar-thumb { background: #a5d6a7; border-radius: 4px; border: 2px solid transparent; background-clip: content-box; }
div.markdown-body details[open]::-webkit-scrollbar-thumb:hover { background: #81c784; }
@keyframes fadeInPanel {
from { opacity: 0; transform: translateY(-50%) scale(0.95) translateX(20px); }
to { opacity: 1; transform: translateY(-50%) scale(1) translateX(0); }
}
/* 3.3: 【终极通用】为所有展开的面板添加背景装饰图形 (柔和圆形渐变) */
div.markdown-body details[open]::before {
content: '' !important;
position: absolute !important;
top: -15px !important; left: -15px !important;
width: 80px !important; height: 80px !important;
background: linear-gradient(135deg, rgba(165, 214, 167, 0.15) 0%, rgba(212, 230, 212, 0.15) 100%) !important;
clip-path: circle(50% at 50% 50%) !important;
opacity: 0.6 !important;
transform: rotate(-15deg) !important;
z-index: -1 !important;
pointer-events: none !important;
}
/* 3.4: 【终极通用】为所有展开面板的"粘性"标题栏设置样式 */
div.markdown-body details[open] > summary {
position: sticky !important;
top: 0 !important;
z-index: 1 !important;
width: 100% !important; height: auto !important;
background: rgba(254, 249, 244, 0.95) !important;
backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
padding: 20px 20px 15px 20px !important;
color: #5d4037 !important;
font-weight: bold !important; font-size: 1.1em !important;
cursor: pointer !important;
border-bottom: 1px solid rgba(232, 213, 196, 0.4) !important;
box-shadow: none !important;
border-radius: 24px 24px 0 0 !important;
margin: 0 !important;
list-style: default !important;
}
div.markdown-body details[open] > summary::-webkit-details-marker {
display: inline-block !important;
color: #a5d6a7;
}
/* 3.5: 【终极通用】为所有展开面板的内容区域设置样式 */
div.markdown-body details[open] > *:not(summary) {
padding: 20px !important;
}
/* 优化加载动画 - 仅针对AI回答区域 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q) {
justify-content: flex-start !important;
width: auto !important;
height: auto !important;
background: linear-gradient(135deg, #fef9f4, #fdf6f0) !important;
border: 1px solid #e8d5c4 !important;
border-radius: 12px !important;
padding: 16px 20px !important;
margin: 8px 0 !important;
animation: gentle-page-turn 3s ease-in-out infinite !important;
}
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q)::after {
content: '正在书写内容...' !important;
font-size: 14px !important;
color: #8d6e63 !important;
margin-left: 12px !important;
font-style: italic !important;
}
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q {
background: transparent !important;
width: 20px !important;
height: 20px !important;
box-sizing: border-box !important;
flex-shrink: 0 !important;
border: 2px solid rgba(141, 110, 99, 0.3) !important;
border-left-color: #8d6e63 !important;
border-radius: 50% !important;
animation: ai-answer-spinner-rotation 1s linear infinite !important;
}
/* --- 动态加载美化 v2.0 --- */
/*
* 更新日志:
* 1. 新增 @keyframes dynamic-background-pan,实现背景渐变的动态流动效果,替代原有的静态背景。
* 2. 新增 @keyframes text-fade-and-type-loop,实现文字 "正在输出正文..." 的打字效果,并在结尾渐隐,然后循环。
* 3. 优化了动画参数,使整体视觉效果更流畅自然。
*/
/* 定义动画关键帧 */
@keyframes dynamic-background-pan {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes text-fade-and-type-loop {
0% { content: '正在输出正文'; opacity: 1; }
20% { content: '正在输出正文.'; opacity: 1; }
40% { content: '正在输出正文..'; opacity: 1; }
60% { content: '正在输出正文...'; opacity: 1; }
80%, 100% { content: '正在输出正文...'; opacity: 0; }
}
@keyframes ai-answer-spinner-rotation {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* 加载动画容器 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q) {
justify-content: flex-start !important;
width: auto !important;
height: auto !important;
/* 使用更丰富的渐变并扩大背景尺寸以实现流动效果 */
background: linear-gradient(135deg, #fef9f4, #fdf6f0, #fef9f4, #e8d5c4) !important;
background-size: 400% 400% !important;
border: 1px solid #e8d5c4 !important;
border-radius: 12px !important;
padding: 16px 20px !important;
margin: 8px 0 !important;
/* 应用新的动态背景动画 */
animation: dynamic-background-pan 4s ease-in-out infinite !important;
}
/* 加载动画后的提示文字 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q)::after {
/* content由动画控制,实现打字和消失循环 */
content: '' !important;
font-size: 14px !important;
color: #8d6e63 !important;
margin-left: 12px !important;
font-style: italic !important;
/* 应用新的文字动画 */
animation: text-fade-and-type-loop 3s linear infinite !important;
}
/* 加载动画的旋转图标本身 (保持不变) */
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q {
background: transparent !important;
width: 20px !important;
height: 20px !important;
box-sizing: border-box !important;
flex-shrink: 0 !important;
border: 2px solid rgba(141, 110, 99, 0.3) !important;
border-left-color: #8d6e63 !important;
border-radius: 50% !important;
animation: ai-answer-spinner-rotation 1s linear infinite !important;
}
/* --- TOOLTIP SYSTEM | 物品/技能悬浮窗 --- */
.tooltip {
position: relative !important;
display: inline-block !important;
background: rgba(0, 229, 255, 0.1) !important;
border: 1px solid var(--border-color) !important;
padding: 2px 6px !important;
border-radius: 4px !important;
cursor: help !important;
transition: all 0.2s !important;
color: var(--accent-color);
}
.tooltip:hover {
border-color: var(--accent-color) !important;
background: rgba(0, 229, 255, 0.2) !important;
color: #fff !important;
z-index: 100 !important;
}
.tooltip .tooltiptext {
visibility: hidden !important;
width: 280px !important;
max-width: 80vw !important; /* 移动端最大宽度限制 */
background-color: #121220 !important;
color: var(--text-color) !important;
text-align: left !important;
border: 1px solid var(--accent-color) !important;
padding: 12px !important;
border-radius: 6px !important;
position: absolute !important;
z-index: 999 !important;
bottom: 130% !important;
opacity: 0 !important;
transition: opacity 0.2s ease-in-out !important;
box-shadow: 0 0 15px rgba(0, 229, 255, 0.3) !important;
font-size: 0.9em !important;
pointer-events: none !important;
line-height: 1.5 !important;
/* 响应式定位系统 */
left: 50% !important;
transform: translateX(-50%) !important;
}
/* 桌面端:当悬浮窗超出左侧时向右偏移 */
@media (min-width: 768px) {
.tooltip .tooltiptext {
left: 50% !important;
transform: translateX(-50%) !important;
margin-left: 0 !important;
}
/
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ee379z7l2641lu3l1hbdb6tm.html",
"options": {
"items": [
{
"order": 0,
"label": "涩情文风",
"type": "SET-INPUT",
"value": "❤️"
}
]
},
"defaultModelSettings": null,
"cover": "s3c2mqxz2kd7awdvzovl8n3a.webp",
"background": "f9zaju0xtkxlz3i1vcp2s0un.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。