公开统计
281热度分
3消息量
30,720世界书字符
21,476固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: sgrs5cnbt1izgalv2tibd95t.webpbackground: ggh7lnvwcjw3sz3mrif0och0.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 13,780 字符;仅作为文本显示,不会在本站执行。
/* ==========================================
终末回响主题 - 核心变量定义
万物归墟纪元的视觉语言系统
========================================== */
.max-w-\[720px\] {
/* 对话框背景 - 废墟灰烬之色 */
--dialogue-bg: linear-gradient(135deg,
rgba(28, 32, 38, 0.85) 0%,
rgba(42, 48, 55, 0.78) 100%);
--dialogue-bg-hover: linear-gradient(135deg,
rgba(35, 40, 48, 0.92) 0%,
rgba(48, 55, 65, 0.88) 100%);
/* 阴影系统 - 深渊的低语 */
--dialogue-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
0 2px 8px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.03);
--dialogue-shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.5),
0 4px 16px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
/* 边框色彩 - 时光侵蚀的痕迹 */
--details-border-color: rgba(88, 96, 108, 0.35);
--details-border-color-hover: rgba(108, 118, 135, 0.55);
--border-accent: rgba(156, 163, 175, 0.15);
/* 标题背景 - 残存的记忆碎片 */
--details-header-bg: linear-gradient(120deg,
rgba(52, 58, 68, 0.75) 0%,
rgba(62, 70, 82, 0.65) 100%);
--details-header-bg-hover: linear-gradient(120deg,
rgba(62, 70, 82, 0.85) 0%,
rgba(72, 82, 98, 0.75) 100%);
/* 内容背景 - 归墟之境 */
--content-bg: linear-gradient(160deg,
rgba(38, 44, 52, 0.82) 0%,
rgba(48, 55, 65, 0.78) 100%);
/* 文字色彩 - 末世的文明遗迹 */
--text-color-primary: rgba(220, 225, 235, 0.95);
--text-color-secondary: rgba(156, 163, 175, 0.75);
--text-color-accent: rgba(168, 148, 196, 0.88);
--text-color-muted: rgba(128, 135, 148, 0.65);
/* 边界圆角 - 岁月的磨蚀 */
--border-radius-main: 16px;
--border-radius-inner: 10px;
--border-radius-pill: 9999px;
/* 动画时长 - 时间的流逝 */
--transition-fast: 0.2s;
--transition-normal: 0.35s;
--transition-slow: 0.5s;
/* 特效颜色 - 终末的微光 */
--glow-primary: rgba(147, 197, 253, 0.1);
--glow-secondary: rgba(196, 181, 253, 0.08);
--glow-accent: rgba(251, 191, 36, 0.06);
}
/* ==========================================
对话容器 - 交流的废墟
========================================== */
.chat-container .group .relative.inline-block {
position: relative;
background: var(--dialogue-bg);
border: 1.5px solid var(--details-border-color);
box-shadow: var(--dialogue-shadow);
border-radius: var(--border-radius-main);
backdrop-filter: blur(12px) saturate(1.2);
-webkit-backdrop-filter: blur(12px) saturate(1.2);
opacity: 0.92;
transition: all var(--transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
/* 对话框内部光晕效果 */
.chat-container .group .relative.inline-block::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg,
transparent 0%,
rgba(255, 255, 255, 0.08) 50%,
transparent 100%);
opacity: 0;
transition: opacity var(--transition-normal);
}
/* 对话框悬浮状态 - 回响涌动 */
.chat-container .group .relative.inline-block:hover {
opacity: 1;
background: var(--dialogue-bg-hover);
border-color: var(--details-border-color-hover);
box-shadow: var(--dialogue-shadow-hover);
transform: translateY(-2px);
}
.chat-container .group .relative.inline-block:hover::before {
opacity: 1;
}
/* 隐藏多余的UI元素 */
.chat-container .group .relative.inline-block > .MuiBox-root.css-0 {
display: none;
}
/* 角色对话文字 - 终末者的低语 */
.chat-container .group .relative.inline-block .character-dialogue {
color: var(--text-color-accent);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
font-weight: 500;
letter-spacing: 0.3px;
}
/* ==========================================
折叠详情区域 - 隐藏的真相
========================================== */
.markdown-body details {
position: relative;
border: none;
margin: 20px 0;
background-color: transparent;
overflow: visible;
}
/* 为details添加装饰性边框 */
.markdown-body details::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(180deg,
transparent 0%,
var(--border-accent) 20%,
var(--border-accent) 80%,
transparent 100%);
opacity: 0;
transition: opacity var(--transition-normal);
}
.markdown-body details[open]::before {
opacity: 1;
}
/* ==========================================
折叠标题 - 封印的入口
========================================== */
.markdown-body summary {
position: relative;
display: inline-flex;
align-items: center;
padding: 10px 20px;
cursor: pointer;
background: var(--details-header-bg);
color: var(--text-color-primary);
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
transition: all var(--transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
outline: none;
border: 1.5px solid var(--details-border-color);
border-radius: var(--border-radius-pill);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
list-style: none;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
overflow: hidden;
user-select: none;
}
/* 隐藏默认标记 */
.markdown-body summary::-webkit-details-marker {
display: none;
}
/* 标题内部光效 */
.markdown-body summary::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg,
transparent 0%,
rgba(255, 255, 255, 0.05) 50%,
transparent 100%);
transition: left 0.6s ease;
}
/* 标题悬浮效果 - 封印松动 */
.markdown-body summary:hover {
background: var(--details-header-bg-hover);
border-color: var(--details-border-color-hover);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.08);
transform: translateX(4px);
}
.markdown-body summary:hover::after {
left: 100%;
}
/* 标题激活效果 */
.markdown-body summary:active {
transform: translateX(2px) scale(0.98);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
/* 展开指示器 - 时间之矢 */
.markdown-body summary::before {
content: '▶';
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 14px;
width: 20px;
height: 20px;
font-size: 0.7em;
color: var(--text-color-secondary);
background: rgba(0, 0, 0, 0.15);
border-radius: 4px;
transition: all var(--transition-normal) cubic-bezier(0.68, -0.55, 0.265, 1.55);
transform-origin: center;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* 展开状态的指示器 */
.markdown-body details[open] > summary::before {
transform: rotate(90deg);
background: rgba(147, 197, 253, 0.2);
color: var(--text-color-primary);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2),
0 0 8px rgba(147, 197, 253, 0.15);
}
/* ==========================================
内容区域 - 真相的显现
========================================== */
.markdown-body details > pre,
.markdown-body details > table {
position: relative;
margin-top: 12px;
margin-left: 4px;
border: 1.5px solid var(--details-border-color);
border-radius: var(--border-radius-inner);
background: var(--content-bg);
overflow-x: auto;
overflow-y: hidden;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.03);
animation: slideDown var(--transition-normal) ease-out;
}
/* 内容滑入动画 */
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 内容区域装饰性边缘光 */
.markdown-body details > pre::before,
.markdown-body details > table::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg,
transparent 0%,
rgba(147, 197, 253, 0.1) 50%,
transparent 100%);
}
/* 隐藏代码块顶部边框 */
.markdown-body details pre > div:first-child[style*="border-color"] {
display: none;
}
/* 代码块样式重置 */
.markdown-body details pre {
margin-left: 0;
margin-right: 0;
padding: 0;
background: transparent;
}
/* 代码内容区域 */
.markdown-body details pre > div[node="[object Object]"] {
padding: 18px 20px;
color: var(--text-color-primary);
background: transparent !important;
line-height: 1.6;
}
/* 代码文字样式 */
.markdown-body details code.language-markdown {
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 13px;
line-height: 1.5;
color: var(--text-color-primary);
background: transparent !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
/* 表格样式 */
.markdown-body details table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.markdown-body details table th,
.markdown-body details table td {
font-size: 13px;
padding: 10px 14px;
line-height: 1.5;
border-bottom: 1px solid var(--border-accent);
transition: background-color var(--transition-fast);
}
.markdown-body details table th {
background: rgba(0, 0, 0, 0.15);
color: var(--text-color-primary);
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.8px;
}
.markdown-body details table tr:hover td {
background: rgba(255, 255, 255, 0.02);
}
.markdown-body details table tr:last-child td {
border-bottom: none;
}
/* ==========================================
加载动画 - 终末的轮回
========================================== */
@keyframes ai-answer-spinner-rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes pulse-glow {
0%, 100% {
box-shadow: 0 0 0 0 rgba(147, 197, 253, 0.4);
}
50% {
box-shadow: 0 0 0 4px rgba(147, 197, 253, 0);
}
}
/* 加载容器 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q) {
display: flex;
align-items: center;
justify-content: flex-start;
width: auto;
height: auto;
padding: 8px 0;
}
/* 加载文本 */
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q)::after {
content: '万物归墟,内容正在从虚空中凝聚...';
font-size: 13px;
font-weight: 500;
color: var(--text-color-secondary);
margin-left: 12px;
letter-spacing: 0.5px;
animation: fadeInOut 2s ease-in-out infinite;
}
@keyframes fadeInOut {
0%, 100% {
opacity: 0.6;
}
50% {
opacity: 1;
}
}
/* 隐藏默认加载点 */
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q::before,
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q::after {
content: none;
display: none;
}
/* 加载旋转器 - 时间之轮 */
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q {
position: relative;
background: transparent;
width: 20px;
height: 20px;
box-sizing: border-box;
flex-shrink: 0;
border: 2.5px solid rgba(88, 96, 108, 0.2);
border-top-color: rgba(147, 197, 253, 0.8);
border-right-color: rgba(196, 181, 253, 0.6);
border-radius: 50%;
animation: ai-answer-spinner-rotation 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite,
pulse-glow 2s ease-in-out infinite;
}
/* 旋转器内部装饰 */
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
background: rgba(147, 197, 253, 0.6);
border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 8px rgba(147, 197, 253, 0.4);
animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
opacity: 0.3;
transform: translate(-50%, -50%) scale(0.8);
}
50% {
opacity: 1;
transform: t
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "r2v0020ujwev5d2zhg7jexgy.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "grape_gemini_premium/gemini-3.1-pro-preview"
},
"cover": "sgrs5cnbt1izgalv2tibd95t.webp",
"background": "ggh7lnvwcjw3sz3mrif0och0.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。