公开统计
3,134热度分
674消息量
8,030世界书字符
9,157固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: a6c80zkq3vflfmrx2192m69v.webpbackground: qt6zxdn14bqrbb7cvlqf6w05.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 25,681 字符;仅作为文本显示,不会在本站执行。
/* 隐藏平台默认顶部色条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
display: none !important;
}
/* AI回复框外框 - 主容器美化 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block,
.markdown-body > .bg-gray-100\/90.relative.inline-block:not(:only-child) {
background: #FFFEFB !important;
border: 1px solid rgba(230,213,184,0.4) !important;
border-left: 4px solid #E6D5B8 !important;
border-radius: 24px !important;
box-shadow:
0 2px 8px rgba(0,0,0,0.02),
0 12px 24px rgba(0,0,0,0.04),
inset 0 1px 0 rgba(255,255,255,0.9),
-2px 0 12px rgba(230,213,184,0.5) !important;
padding: 20px 22px !important;
position: relative !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
overflow: visible !important;
}
/* 丝绸高光效果 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 50% !important;
background: linear-gradient(180deg, rgba(255,255,255,0.6), transparent) !important;
border-radius: 24px 24px 0 0 !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* AI回复框悬浮效果 */
.chat-answer-container .bg-gray-100\/90.relative.inline-block:hover {
box-shadow:
0 4px 16px rgba(0,0,0,0.04),
0 16px 32px rgba(0,0,0,0.06),
inset 0 1px 0 rgba(255,255,255,0.9),
-2px 0 12px rgba(230,213,184,0.5) !important;
transform: translateY(-2px) !important;
border-color: rgba(230,213,184,0.6) !important;
}
/* 用户输入框特化 - 蓝色调 */
.chat-question-container .bg-gray-100\/90.relative.inline-block {
background: linear-gradient(135deg, #F8FBFF 0%, #FDFEFF 100%) !important;
border: 1px solid rgba(91,141,190,0.25) !important;
border-left: 4px solid #7BA8D1 !important;
border-radius: 24px !important;
box-shadow:
0 4px 16px rgba(91,141,190,0.08),
inset 0 1px 0 rgba(255,255,255,0.95),
-2px 0 12px rgba(91,141,190,0.4) !important;
padding: 20px 22px !important;
position: relative !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
overflow: visible !important;
}
.chat-question-container .bg-gray-100\/90.relative.inline-block:hover {
border-color: rgba(91,141,190,0.4) !important;
box-shadow:
0 6px 20px rgba(91,141,190,0.12),
inset 0 1px 0 rgba(255,255,255,0.95),
-2px 0 12px rgba(91,141,190,0.4) !important;
}
/* 聊天框入场动画 */
.bg-gray-100\/90.relative.inline-block {
animation: slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* 主文本样式 */
.markdown-body {
color: #2B2B2B !important;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
line-height: 1.75 !important;
z-index: 2 !important;
position: relative !important;
background: transparent !important;
}
/* 底部按钮 */
.MuiButtonBase-root.MuiButton-root {
color: #C9A876 !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
transition: all 0.3s ease !important;
border-radius: 12px !important;
padding: 8px 16px !important;
}
.MuiButtonBase-root.MuiButton-root:hover {
color: #D4AF8E !important;
background-color: rgba(230,213,184,0.12) !important;
transform: translateY(-1px) !important;
}
/* Token信息文字 */
.MuiTypography-root.MuiTypography-body2,
.text-orange-500 {
color: #9B8E7E !important;
font-family: 'SF Mono', 'Consolas', monospace !important;
font-size: 12px !important;
}
/* 加载动画 - 优雅旋转 */
.style_dot-flashing__8L91Q {
display: none !important;
}
.flex.items-center.justify-center.w-6.h-5 {
position: relative !important;
width: 32px !important;
height: 32px !important;
}
.flex.items-center.justify-center.w-6.h-5::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='28' height='28'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23F4E8D0' stroke-width='2'/%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%23E6D5B8' stroke-width='2.5' stroke-dasharray='40 85' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
/* 焦点样式 */
.MuiButtonBase-root:focus-visible {
outline: 2px solid #E6D5B8 !important;
outline-offset: 3px !important;
}
/* 移动端响应式适配 - 外框 */
@media (max-width: 768px) {
.bg-gray-100\/90.relative.inline-block {
padding: 16px 18px !important;
border-radius: 20px !important;
}
}
@media (max-width: 480px) {
.bg-gray-100\/90.relative.inline-block {
padding: 14px 16px !important;
border-radius: 18px !important;
}
}
@media (max-width: 360px) {
.bg-gray-100\/90.relative.inline-block {
padding: 12px 14px !important;
}
}
/* 玻璃态模糊效果(现代浏览器) */
@supports (backdrop-filter: blur(10px)) {
.chat-answer-container .bg-gray-100\/90.relative.inline-block {
background: rgba(255,254,251,0.85) !important;
backdrop-filter: blur(10px) saturate(120%) !important;
}
.chat-question-container .bg-gray-100\/90.relative.inline-block {
background: rgba(248,251,255,0.85) !important;
backdrop-filter: blur(10px) saturate(120%) !important;
}
}
/* 暗色模式适配 - 外框 */
@media (prefers-color-scheme: dark) {
.bg-gray-100\/90.relative.inline-block {
background: rgba(37,35,32,0.95) !important;
border-color: rgba(230,213,184,0.2) !important;
}
.markdown-body {
color: #E8E3D8 !important;
}
}
/* 减少动画(用户偏好设置) */
@media (prefers-reduced-motion: reduce) {
.bg-gray-100\/90.relative.inline-block,
.MuiButtonBase-root.MuiButton-root {
animation: none !important;
transition-duration: 0.01ms !important;
}
}
/* 打印样式优化 - 外框 */
@media print {
.bg-gray-100\/90.relative.inline-block {
background: white !important;
box-shadow: none !important;
border: 1px solid #ccc !important;
}
.bg-gray-100\/90.relative.inline-block::before,
.bg-gray-100\/90.relative.inline-block::after {
display: none !important;
}
}
/* =========================================
第二部分:AI内容层样式系统
<ai> 标签及其内部元素
========================================= */
/* 色彩与间距系统 */
ai {
--cream-bg: #FAF8F5;
--ivory-white: #FFFEFB;
--champagne-gold: #E6D5B8;
--rose-gold: #D4AF8E;
--warm-gold: #C9A876;
--text-primary: #2B2B2B;
--text-secondary: #9B8E7E;
--text-muted: #B8AFA0;
--dolores-purple: #9B7EBD;
--dolores-light: #B89DD4;
--hero-blue: #5B8DBE;
--hero-light: #7BA8D1;
--radius-sm: 16px;
--radius-md: 20px;
--radius-lg: 24px;
--shadow-soft: 0 2px 8px rgba(0,0,0,0.02), 0 12px 24px rgba(0,0,0,0.04);
--shadow-hover: 0 4px 16px rgba(0,0,0,0.04), 0 16px 32px rgba(0,0,0,0.06);
--shadow-inset: inset 0 1px 0 rgba(255,255,255,0.9);
}
/* AI 回复区域核心样式 */
ai {
display: block;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
background: transparent;
color: var(--text-primary);
padding: 0;
margin: 0;
border: none;
border-radius: 0;
box-shadow: none;
line-height: 1.7;
font-size: 14px;
position: relative;
z-index: 3;
}
ai p {
margin: 10px 0;
}
ai t {
font-weight: 600;
color: var(--warm-gold);
margin-right: 6px;
letter-spacing: 0.3px;
}
ai v {
color: var(--text-primary);
}
/* 角色对话样式 */
/* 德洛莉丝对话 - 优雅紫色 */
d {
color: var(--dolores-purple);
font-weight: 500;
position: relative;
padding: 2px 4px;
border-radius: 4px;
background: linear-gradient(135deg, rgba(155,126,189,0.08), rgba(184,157,212,0.05));
transition: all 0.3s ease;
display: inline;
}
d::before {
content: '「';
color: var(--dolores-light);
margin-right: 2px;
font-weight: 600;
}
d::after {
content: '」';
color: var(--dolores-light);
margin-left: 2px;
font-weight: 600;
}
d:hover {
background: linear-gradient(135deg, rgba(155,126,189,0.15), rgba(184,157,212,0.1));
box-shadow: 0 2px 8px rgba(155,126,189,0.15);
}
/* 男主对话 - 沉稳蓝色 */
m {
color: var(--hero-blue);
font-weight: 500;
position: relative;
padding: 2px 4px;
border-radius: 4px;
background: linear-gradient(135deg, rgba(91,141,190,0.08), rgba(123,168,209,0.05));
transition: all 0.3s ease;
display: inline;
}
m::before {
content: '「';
color: var(--hero-light);
margin-right: 2px;
font-weight: 600;
}
m::after {
content: '」';
color: var(--hero-light);
margin-left: 2px;
font-weight: 600;
}
m:hover {
background: linear-gradient(135deg, rgba(91,141,190,0.15), rgba(123,168,209,0.1));
box-shadow: 0 2px 8px rgba(91,141,190,0.15);
}
/* 旁白/描述文本 */
n {
color: var(--text-secondary);
font-style: italic;
opacity: 0.9;
display: inline;
}
/* 确保在art标签内也生效 */
ai art d,
ai art m,
ai art n {
display: inline;
}
/* 折叠面板通用样式 */
ai details {
margin-bottom: 16px;
background: var(--ivory-white);
border: 1px solid rgba(230,213,184,0.3);
border-radius: var(--radius-md);
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,0.02);
transition: all 0.3s ease;
}
ai details:hover {
box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}
ai details > p,
ai details > div {
padding: 0 18px;
}
ai details > p:last-child,
ai details > div:last-child {
padding-bottom: 14px;
}
ai summary {
padding: 14px 18px;
background: linear-gradient(135deg, var(--champagne-gold), #D9C8AC);
font-weight: 600;
font-size: 14px;
color: var(--text-primary);
cursor: pointer;
list-style: none;
border-bottom: 1px solid rgba(201,168,118,0.2);
position: relative;
letter-spacing: 0.5px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(230,213,184,0.2);
}
ai summary::-webkit-details-marker {
display: none;
}
ai summary::before {
content: '◆';
color: var(--rose-gold);
margin-right: 10px;
display: inline-block;
transition: transform 0.3s ease;
font-size: 12px;
}
ai details[open] summary::before {
transform: rotate(90deg);
}
ai summary:hover {
background: linear-gradient(135deg, #EAD9BD, #DCC9AD);
}
/* 网格布局(用户信息等) */
ai .grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding: 14px 18px;
background: rgba(250,248,245,0.5);
border-radius: 12px;
margin: 10px 0;
}
ai .grid p {
margin: 0;
padding: 8px 0;
border-bottom: 1px dashed rgba(230,213,184,0.4);
font-size: 13px;
}
ai .grid .full {
grid-column: 1 / -1;
border-bottom: none;
}
/* 正文区域 */
ai art {
display: block;
padding: 28px 24px;
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
font-size: 15px;
line-height: 1.9;
text-align: justify;
text-indent: 2em;
background: var(--ivory-white);
border: 1px solid rgba(230,213,184,0.3);
border-left: 4px solid var(--champagne-gold);
border-radius: var(--radius-md);
margin: 18px 0;
box-shadow: 0 8px 20px rgba(0,0,0,0.03), var(--shadow-inset);
color: var(--text-primary);
}
ai art p {
margin: 0 0 14px 0;
}
/* NPC档案 - 紫罗兰配色(德洛莉丝专属) */
ai details.npc {
border-color: rgba(155,126,189,0.3);
background: linear-gradient(to bottom right, #FDFBFD, #F9F5FB);
box-shadow: 0 5px 15px rgba(155,126,189,0.08);
}
ai details.npc summary {
background: linear-gradient(135deg, #EFE5F5 0%, #E3D4ED 100%);
color: #4A3D5C;
border-bottom: 1px solid rgba(155,126,189,0.25);
box-shadow: 0 2px 8px rgba(155,126,189,0.15);
}
ai details.npc summary::before {
color: var(--dolores-purple);
}
ai details.npc t {
color: var(--dolores-purple);
}
ai details.npc v {
color: #3D2F4D;
}
/* 进度条系统 */
ai .bar-box {
display: flex;
align-items: center;
padding: 12px 16px;
background: rgba(255,255,255,0.7);
border-radius: 14px;
margin: 12px 18px;
border: 1px solid rgba(230,213,184,0.25);
box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
ai details.npc .bar-box {
border-color: rgba(155,126,189,0.3);
background: rgba(253,251,253,0.7);
}
ai .bar-box t {
margin: 0;
min-width: 70px;
font-size: 13px;
}
ai .bar-box v {
ma
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "f8j81v7ijaztda3qo3lvr4my.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "a6c80zkq3vflfmrx2192m69v.webp",
"background": "qt6zxdn14bqrbb7cvlqf6w05.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。