公开统计
2,052热度分
249消息量
16,647世界书字符
14,954固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: bkshen4b9qaeic7adu9a34lb.webpbackground: ne4mhd3jglo50pdcgwshzi7i.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 19,350 字符;仅作为文本显示,不会在本站执行。
/* ========== 都市暗夜 · 聊天框美化 ========== */
/* 1. 统一气泡基底:半透明深色毛玻璃 + 暗夜霓虹光晕 */
.group.is-user > div:first-child,
.group.is-assistant > div:first-child {
background:
radial-gradient(ellipse at 15% 20%, rgba(56, 189, 248, 0.18) 0%, transparent 50%),
radial-gradient(ellipse at 85% 80%, rgba(168, 85, 247, 0.18) 0%, transparent 50%),
linear-gradient(145deg, rgba(10, 15, 30, 0.92) 0%, rgba(15, 10, 30, 0.95) 100%) !important;
backdrop-filter: blur(18px) saturate(150%) !important;
-webkit-backdrop-filter: blur(18px) saturate(150%) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 18px 18px 18px 18px !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.08),
0 0 20px rgba(99, 102, 241, 0.12) !important;
color: #f8fafc !important;
}
/* 2. AI 气泡:冷蓝黑城市夜空 */
.group.is-assistant > div:first-child {
background:
radial-gradient(ellipse at 20% 10%, rgba(34, 211, 238, 0.2) 0%, transparent 50%),
radial-gradient(ellipse at 90% 90%, rgba(99, 102, 241, 0.2) 0%, transparent 50%),
linear-gradient(145deg, rgba(8, 15, 30, 0.94) 0%, rgba(18, 14, 40, 0.96) 100%) !important;
border-radius: 18px 18px 18px 6px !important;
}
/* 3. 用户气泡:霓虹紫红都市 */
.group.is-user > div:first-child {
background:
radial-gradient(ellipse at 15% 20%, rgba(236, 72, 153, 0.24) 0%, transparent 50%),
radial-gradient(ellipse at 85% 80%, rgba(168, 85, 247, 0.22) 0%, transparent 50%),
linear-gradient(145deg, rgba(30, 15, 45, 0.95) 0%, rgba(10, 8, 20, 0.96) 100%) !important;
border-radius: 18px 18px 6px 18px !important;
}
/* 4. 正文文字:强制高亮可读 */
.rili-markdown-renderer,
.rili-markdown-renderer * {
color: #e5e7eb !important;
border-color: rgba(255, 255, 255, 0.15) !important;
}
.rili-markdown-renderer {
position: relative !important;
z-index: 1 !important;
}
.rili-markdown-renderer a {
color: #67e8f9 !important;
font-weight: 500 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.rili-markdown-renderer blockquote {
border-left: 3px solid rgba(139, 92, 246, 0.6) !important;
background: rgba(0, 0, 0, 0.2) !important;
border-radius: 6px !important;
}
.rili-markdown-renderer pre,
.rili-markdown-renderer code {
background: rgba(2, 6, 23, 0.6) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #f8fafc !important;
}
.rili-markdown-renderer code {
color: #a5f3fc !important;
}
/* 5. 底部操作按钮区:暗夜霓虹控制条 */
.bg-muted.rounded.flex {
background: rgba(15, 23, 42, 0.75) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 12px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}
.bg-muted.rounded.flex button svg.lucide {
color: rgba(255, 255, 255, 0.9) !important;
stroke: rgba(255, 255, 255, 0.9) !important;
}
.bg-muted.rounded.flex button:hover svg.lucide {
color: #e2a8ff !important;
stroke: #e2a8ff !important;
filter: drop-shadow(0 0 4px rgba(168, 85, 247, 0.6)) !important;
}
/* 6. 底部 token 消耗信息:半透明暗色底,浅色文字 */
.text-xs.font-mono.text-muted-foreground {
color: rgba(255, 255, 255, 0.6) !important;
background: rgba(0, 0, 0, 0.25) !important;
border-radius: 8px !important;
padding: 2px 8px !important;
}
/* 7. 加载动画:隐藏原生三点,替换为三颗霓虹灯接力闪烁 */
.flex.gap-2.w-full.h-full.items-center.justify-center > span {
display: none !important;
}
.flex.gap-2.w-full.h-full.items-center.justify-center {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2764%27%20height=%2732%27%20viewBox=%270%200%2064%2032%27%3E%3Ccircle%20cx=%2716%27%20cy=%2716%27%20r=%276%27%20fill=%27%2322d3ee%27%20opacity=%270.3%27%3E%3Canimate%20attributeName=%27opacity%27%20values=%270.2;1;0.2%27%20dur=%271.2s%27%20begin=%270s%27%20repeatCount=%27indefinite%27/%3E%3C/circle%3E%3Ccircle%20cx=%2732%27%20cy=%2716%27%20r=%276%27%20fill=%27%23a78bfa%27%20opacity=%270.3%27%3E%3Canimate%20attributeName=%27opacity%27%20values=%270.2;1;0.2%27%20dur=%271.2s%27%20begin=%270.2s%27%20repeatCount=%27indefinite%27/%3E%3C/circle%3E%3Ccircle%20cx=%2748%27%20cy=%2716%27%20r=%276%27%20fill=%27%23f472b6%27%20opacity=%270.3%27%3E%3Canimate%20attributeName=%27opacity%27%20values=%270.2;1;0.2%27%20dur=%271.2s%27%20begin=%270.4s%27%20repeatCount=%27indefinite%27/%3E%3C/circle%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 64px 32px !important;
}
/* 8. 悬停消息时显示底部操作按钮(避免破坏暗夜氛围) */
.group:hover .md\:opacity-0 {
opacity: 1 !important;
}
/* =====================================================
都市夜晚 · 科技感主题
覆盖:顶部栏 / 开场白 / 扩展按钮 / 底部输入 / 分页 / 评论
===================================================== */
/* ---------- 顶部栏 ---------- */
.sticky.w-full.top-0.flex.items-center {
background:
radial-gradient(circle at 15% 0%, rgba(0, 229, 255, 0.10), transparent 40%),
radial-gradient(circle at 85% 0%, rgba(179, 136, 255, 0.12), transparent 40%),
linear-gradient(90deg, rgba(8, 12, 24, 0.94), rgba(13, 22, 38, 0.95), rgba(8, 12, 24, 0.94)) !important;
border-bottom: 1px solid rgba(0, 229, 255, 0.18) !important;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.45), 0 0 20px rgba(0, 229, 255, 0.06) !important;
backdrop-filter: blur(14px) saturate(140%);
-webkit-backdrop-filter: blur(14px) saturate(140%);
}
#ai-model-selector .group.flex.items-center {
background: rgba(17, 26, 44, 0.85) !important;
border: 1px solid rgba(0, 229, 255, 0.35) !important;
border-radius: 10px !important;
box-shadow: 0 0 14px rgba(0, 229, 255, 0.12), inset 0 0 12px rgba(0, 229, 255, 0.04) !important;
transition: box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}
#ai-model-selector .group.flex.items-center:hover {
border-color: rgba(123, 97, 255, 0.65) !important;
box-shadow: 0 0 22px rgba(123, 97, 255, 0.28), inset 0 0 14px rgba(123, 97, 255, 0.06) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
color: #e8f0ff !important;
font-weight: 600 !important;
letter-spacing: 0.02em;
text-shadow: 0 0 12px rgba(0, 229, 255, 0.25);
}
#ai-model-selector .shrink-0.flex.items-center svg {
color: #00e5ff !important;
filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.6));
}
.sticky.w-full.top-0 svg.lucide-clock-8 {
color: #b388ff !important;
filter: drop-shadow(0 0 6px rgba(179, 136, 255, 0.5));
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
background: #ff2d78 !important;
box-shadow: 0 0 8px #ff2d78 !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
color: #00e5ff !important;
filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.5));
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
color: #00e5ff !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
color: #00e5ff !important;
filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.5));
}
#header-setting-button {
background: rgba(17, 26, 44, 0.8) !important;
border: 1px solid rgba(0, 229, 255, 0.25) !important;
border-radius: 10px !important;
box-shadow: 0 0 12px rgba(0, 229, 255, 0.10) !important;
transition: all 0.25s ease;
}
#header-setting-button:hover {
border-color: rgba(179, 136, 255, 0.7) !important;
box-shadow: 0 0 20px rgba(179, 136, 255, 0.25) !important;
}
#header-setting-button svg {
color: #b388ff !important;
filter: drop-shadow(0 0 6px rgba(179, 136, 255, 0.5));
}
/* ---------- 开场白选择器 ---------- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"],
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]) {
background: linear-gradient(135deg, rgba(12, 18, 32, 0.9), rgba(19, 29, 48, 0.9)) !important;
border-color: rgba(0, 229, 255, 0.30) !important;
border-radius: 10px !important;
box-shadow: 0 0 14px rgba(0, 229, 255, 0.12) !important;
transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover,
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]):hover {
border-color: rgba(123, 97, 255, 0.6) !important;
box-shadow: 0 0 22px rgba(123, 97, 255, 0.28) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
color: #00e5ff !important;
filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.6)) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
color: #b388ff !important;
filter: drop-shadow(0 0 6px rgba(179, 136, 255, 0.5)) !important;
}
/* ---------- 按钮栏 ---------- */
#ai-mod-button2 button.MuiButton-root {
background: rgba(15, 22, 36, 0.7) !important;
color: #dbe4f5 !important;
border: 1px solid rgba(0, 229, 255, 0.22) !important;
border-radius: 12px !important;
box-shadow: 0 0 10px rgba(0, 229, 255, 0.06) !important;
transition: all 0.25s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
background: rgba(23, 35, 58, 0.9) !important;
border-color: rgba(0, 229, 255, 0.6) !important;
box-shadow: 0 0 18px rgba(0, 229, 255, 0.25) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
color: #00e5ff !important;
filter: drop-shadow(0 0 4px rgba(0, 229, 255, 0.5));
}
/* ---------- 底部输入栏 ---------- */
.bg-gradient-to-t {
background:
radial-gradient(ellipse at 50% 100%, rgba(0, 229, 255, 0.08), transparent 50%),
linear-gradient(180deg, rgba(8, 12, 23, 0.55), rgba(8, 12, 23, 0.96)) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
#ai-chat-bottom-input {
background: rgba(13, 20, 34, 0.92) !important;
border: 1px solid rgba(0, 229, 255, 0.20) !important;
border-radius: 18px !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 229, 255, 0.08) !important;
transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
#ai-chat-bottom-input:focus-within {
border-color: rgba(0, 229, 255, 0.55) !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 26px rgba(0, 229, 255, 0.22) !important;
}
#ai-chat-input {
color: #e8f0ff !important;
caret-color: #00e5ff !important;
background: transparent !important;
}
#ai-chat-input::placeholder {
color: #6b7a99 !important;
opacity: 1 !important;
}
#ai-chat-input::selection {
background: rgba(0, 229, 255, 0.35) !important;
color: #ffffff !important;
}
/* ---------- 分页栏(仅视觉颜色) ---------- */
.MuiPaginationItem-root {
color: #9aa8bd !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
}
.MuiPaginationItem-root:hover {
color: #00e5ff !important;
box-shadow: 0 0 12px rgba(0, 229, 255, 0.25) !important;
}
.MuiPaginationItem-root.Mui-selected {
background: linear-gradient(135deg, #00a3c4, #7b61ff) !important;
color: #ffffff !important;
box-shadow: 0 0 16px rgba(0, 229, 255, 0.40) !important;
}
.MuiPaginationItem-root.Mui-disabled {
color: #3a4557 !important;
}
.MuiPaginationItem-icon {
color: #00e5ff !important;
filter: drop-shadow(0 0 4px rgba(0, 229, 255, 0.5)) !important;
}
.MuiStack-root.css-1uwir8f {
background: rgba(15, 22, 36, 0.7) !important;
border: 1px solid rgba(0, 229, 255, 0.2) !important;
border-radius: 10px !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
color: #aab8cf !important;
}
.MuiInputBase-input {
color: #e8f0ff !important;
caret-color: #00e5ff !important;
}
/* ---------- 评论区:主容器 ---------- */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
background:
radial-gradient(ellipse at 20% 0%, rgba(0, 229, 255, 0.10), transparent 50%),
radial-gradient(ellipse at 80% 0%, rg
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ry2vzqlqakgdtsmclup4t6ob.html",
"options": null,
"defaultModelSettings": {
"model": "pear/gemini-3.6-flash"
},
"cover": "bkshen4b9qaeic7adu9a34lb.webp",
"background": "ne4mhd3jglo50pdcgwshzi7i.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。