公开统计
2,865热度分
893消息量
2,839世界书字符
9,414固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: as4tp0xlwb1qdqdj95wf2ljv.webpbackground: lenhki3ky0wpp2rikzryhihk.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 10,450 字符;仅作为文本显示,不会在本站执行。
/* =============================================
风月平台 · 海滨夏日 主题 CSS (海蓝系 · 动态加载)
类名基于平台实际渲染结构,确保生效
============================================= */
/* ==================== 一、用户输入气泡 (晴空海蓝) ==================== */
.group.is-user > div:first-child {
background: linear-gradient(135deg, #5dade2 0%, #2f80ed 100%) !important;
border: none !important;
box-shadow: 0 8px 24px rgba(47, 128, 237, 0.20) !important;
border-radius: 18px 18px 4px 18px !important;
}
.group.is-user .rili-markdown-renderer,
.group.is-user .rili-markdown-renderer * {
color: #ffffff !important;
}
/* ==================== 二、AI输出气泡 (海风沙岸 · 毛玻璃) ==================== */
.group.is-assistant > div:first-child {
background: rgba(255, 252, 245, 0.85) !important;
backdrop-filter: blur(14px) !important;
-webkit-backdrop-filter: blur(14px) !important;
border: 1px solid rgba(186, 230, 253, 0.6) !important;
box-shadow: 0 8px 32px rgba(14, 165, 233, 0.06) !important;
border-radius: 18px 18px 18px 4px !important;
}
.group.is-assistant .rili-markdown-renderer,
.group.is-assistant .rili-markdown-renderer * {
color: #0b4f77 !important;
}
.group.is-assistant .text-xs.font-mono.text-muted-foreground {
color: #0284c7 !important;
opacity: 0.80 !important;
}
/* ==================== 三、AI底部操作按钮 (复制/编辑/重新生成) ==================== */
.group.is-assistant .bg-muted.rounded.flex {
background-color: rgba(224, 242, 254, 0.7) !important;
border: 1px solid rgba(186, 230, 253, 0.5) !important;
border-radius: 30px !important;
padding: 2px 6px !important;
}
.group.is-assistant .bg-muted.rounded.flex button svg.lucide {
stroke: #0284c7 !important;
transition: all 0.25s ease !important;
}
.group.is-assistant .bg-muted.rounded.flex button:hover {
background-color: rgba(186, 230, 253, 0.8) !important;
border-radius: 30px !important;
}
.group.is-assistant .bg-muted.rounded.flex button:active {
transform: scale(0.90) !important;
}
/* ==================== 四、加载动画 (海浪律动 · 水滴弹跳) ==================== */
/* --- 4-A 隐藏原生加载点 --- */
.flex.gap-2.w-full.h-full.items-center.justify-center > span {
display: none !important;
}
/* --- 4-B 外层容器:海浪波纹背景 + 水滴动效 --- */
.flex.gap-2.w-full.h-full.items-center.justify-center {
position: relative !important;
min-height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* --- 4-C 主加载器:三个水滴弹跳 (SVG 内联) --- */
.flex.gap-2.w-full.h-full.items-center.justify-center::before {
content: "" !important;
width: 80px !important;
height: 32px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40'%3E%3Ccircle cx='16' cy='20' r='8' fill='%230284c7'%3E%3Canimate attributeName='cy' values='20;8;20' dur='1.2s' repeatCount='indefinite' begin='0.0s'/%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='1.2s' repeatCount='indefinite' begin='0.0s'/%3E%3C/circle%3E%3Ccircle cx='50' cy='20' r='8' fill='%235dade2'%3E%3Canimate attributeName='cy' values='20;8;20' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3C/circle%3E%3Ccircle cx='84' cy='20' r='8' fill='%237dd3fc'%3E%3Canimate attributeName='cy' values='20;8;20' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/circle%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
z-index: 2 !important;
position: relative !important;
}
/* --- 4-D 底部海浪波纹装饰线 (动态) --- */
.flex.gap-2.w-full.h-full.items-center.justify-center::after {
content: "" !important;
position: absolute !important;
bottom: -2px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 120px !important;
height: 6px !important;
background: linear-gradient(90deg, transparent, #7dd3fc, #0ea5e9, #7dd3fc, transparent) !important;
border-radius: 10px !important;
opacity: 0.6 !important;
animation: waveRipple 2.0s ease-in-out infinite !important;
z-index: 1 !important;
}
@keyframes waveRipple {
0%, 100% {
transform: translateX(-50%) scaleX(1);
opacity: 0.3;
height: 4px;
}
50% {
transform: translateX(-50%) scaleX(1.4);
opacity: 0.9;
height: 8px;
}
}
/* --- 4-E 微光晕环 (氛围点缀) --- */
.flex.gap-2.w-full.h-full.items-center.justify-center::before {
animation: dropletBounce 1.2s ease-in-out infinite !important;
}
@keyframes dropletBounce {
0%, 100% {
transform: scale(1);
filter: drop-shadow(0 2px 8px rgba(14, 165, 233, 0.15));
}
50% {
transform: scale(1.06);
filter: drop-shadow(0 4px 16px rgba(14, 165, 233, 0.30));
}
}
/* ==================== 五、积分显示 (输入/输出消耗) ==================== */
.MuiStack-root.text-purple-500.mt-1,
.MuiStack-root.mt-1 {
background: rgba(255, 252, 245, 0.85) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 1px solid rgba(186, 230, 253, 0.5) !important;
border-radius: 40px !important;
padding: 4px 18px !important;
display: inline-flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
box-shadow: 0 4px 16px rgba(14, 165, 233, 0.06) !important;
margin-top: 6px !important;
}
.MuiStack-root.text-purple-500.mt-1 p,
.MuiStack-root.mt-1 p {
font-family: "PingFang SC", "Microsoft YaHei", "Inter", sans-serif !important;
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 0.5px !important;
margin: 0 !important;
padding: 2px 0 !important;
color: #1a2a3a !important;
}
.MuiStack-root.text-purple-500.mt-1 p:first-child,
.MuiStack-root.mt-1 p:first-child {
color: #2f80ed !important;
font-weight: 600 !important;
}
.MuiStack-root.text-purple-500.mt-1 .text-orange-500,
.MuiStack-root.mt-1 .text-orange-500 {
color: #0b4f77 !important;
background: rgba(47, 128, 237, 0.08) !important;
padding: 2px 12px !important;
border-radius: 30px !important;
border: 1px solid rgba(47, 128, 237, 0.12) !important;
}
/* ==================== 六、折叠状态栏 (details / summary) ==================== */
details {
background: rgba(255, 252, 245, 0.75) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
border-radius: 20px !important;
box-shadow: 0 8px 32px rgba(14, 165, 233, 0.06) !important;
margin: 12px 0 !important;
padding: 0 !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
}
summary {
padding: 14px 20px !important;
cursor: pointer !important;
font-family: "PingFang SC", "Microsoft YaHei", "Inter", sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
color: #0284c7 !important;
list-style: none !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
user-select: none !important;
-webkit-tap-highlight-color: transparent !important;
transition: all 0.3s ease !important;
background: rgba(224, 242, 254, 0.3) !important;
border-radius: 20px !important;
border: none !important;
outline: none !important;
}
summary::-webkit-details-marker {
display: none !important;
}
summary::before {
content: "🌊" !important;
margin-right: 10px !important;
font-size: 18px !important;
transition: all 0.3s ease !important;
}
summary::after {
content: "▾" !important;
font-size: 14px !important;
transition: transform 0.35s ease !important;
color: #7b8fa0 !important;
opacity: 0.7 !important;
}
details[open] summary::after {
transform: rotate(180deg) !important;
}
details[open] summary {
color: #0b4f77 !important;
background: rgba(186, 230, 253, 0.4) !important;
border-bottom: 1px solid rgba(47, 128, 237, 0.15) !important;
border-radius: 20px 20px 0 0 !important;
}
details .content,
details > div:not(summary) {
padding: 16px 20px 20px !important;
font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif !important;
font-size: 14px !important;
line-height: 1.9 !important;
color: #1a2a3a !important;
background: rgba(255, 255, 255, 0.15) !important;
border-radius: 0 0 20px 20px !important;
}
details table {
width: 100% !important;
border-collapse: collapse !important;
font-size: 13px !important;
font-family: "PingFang SC", "Microsoft YaHei", "Inter", sans-serif !important;
background: rgba(255, 255, 255, 0.3) !important;
border-radius: 12px !important;
overflow: hidden !important;
margin: 8px 0 !important;
}
details th,
details td {
padding: 8px 14px !important;
border: 1px solid rgba(186, 230, 253, 0.3) !important;
color: #1a2a3a !important;
text-align: left !important;
}
details th {
background: rgba(47, 128, 237, 0.08) !important;
font-weight: 600 !important;
color: #0284c7 !important;
}
/* ==================== 七、滚动条 (海风蓝) ==================== */
::-webkit-scrollbar {
width: 3px !important;
background: transparent !important;
}
::-webkit-scrollbar-track {
background: rgba(186, 230, 253, 0.2) !important;
border-radius: 10px !important;
}
::-webkit-scrollbar-thumb {
background: #5dade2 !important;
border-radius: 10px !important;
opacity: 0.6 !important;
}
/* ==================== 八、手机端适配 ==================== */
@media (max-width: 480px) {
.MuiStack-root.mt-1 {
padding: 3px 12px !important;
gap: 6px !important;
flex-wrap: wrap !important;
}
.MuiStack-root.mt-1 p {
font-size: 10px !important;
}
.group.is-assistant .bg-muted.rounded.flex {
padding: 2px 4px !important;
}
.group.is-assistant .bg-muted.rounded.flex button {
padding: 2px 6px !important;
}
.flex.gap-2.w-full.h-full.items-center.justify-center::before {
width: 60px !important;
height: 26px !important;
}
.flex.gap-2.w-full.h-full.items-center.justify-center::after {
width: 80px !important;
height: 4px !important;
}
@keyframes waveRipple {
0%, 100% {
transform: translateX(-50%) scaleX(1);
opacity: 0.3;
height: 3px;
}
50% {
transform: translateX(-50%) scaleX(1.3);
opacity: 0.8;
height: 6px;
}
}
details th,
details td {
padding: 4px 8px !important;
font-size: 11px !important;
}
summary {
font-size: 13px !important;
padding: 12px 16px !important;
}
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ukokye8bbf103072qvjnj85e.html",
"options": {
"items": [
{
"order": 0,
"label": "【文风优化】",
"type": "SET-INPUT",
"value": "【文风优化】"
},
{
"order": 1,
"label": "【开启防绝望】",
"type": "SET-INPUT",
"value": "【开启防绝望】"
}
]
},
"defaultModelSettings": {
"model": "melon_deepseek/deepseek-v4-flash",
"contextWindow": 4
},
"cover": "as4tp0xlwb1qdqdj95wf2ljv.webp",
"background": "lenhki3ky0wpp2rikzryhihk.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。