公开统计
657热度分
50消息量
9,783世界书字符
6,260固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: f2wqhffk58lz37ra08zrf73w.webpbackground: dcfzif8t017u9996uopn0jjy.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 12,168 字符;仅作为文本显示,不会在本站执行。
/* ========== 永霜之血 · 整体界面美化 ========== */
/* 冰雪毛玻璃风格,低消耗 */
/* ---------- 全局背景 ---------- */
body {
background: linear-gradient(145deg, #e6f2fa 0%, #d4e9f5 100%) !important;
}
/* ---------- 整体聊天容器背景(可选,不与界面冲突) ---------- */
.chat-container {
background: transparent;
}
/* ---------- 顶部栏 ---------- */
.app-header,
.chat-header,
div[class*="header"] {
background: rgba(255, 255, 255, 0.55) !important;
backdrop-filter: blur(16px) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02) !important;
color: #1f5e7e !important;
padding: 0.8rem 1rem !important;
border-radius: 0 0 24px 24px !important;
}
.app-header h1,
.app-header .title,
.chat-header span {
color: #1f5e7e !important;
font-weight: 500 !important;
letter-spacing: 1px;
}
/* ---------- 消息气泡 ---------- */
.bubble-user,
.message-item.user .bubble,
div[class*="message-user"] .bubble {
background: rgba(200, 225, 250, 0.65) !important;
backdrop-filter: blur(12px) !important;
border-radius: 24px 8px 24px 24px !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
color: #1e3f4c !important;
font-family: 'Segoe UI', 'Roboto', 'Noto Sans', system-ui, sans-serif !important;
padding: 0.6rem 1rem !important;
}
.bubble-ai,
.message-item.ai .bubble,
div[class*="message-ai"] .bubble {
background: rgba(230, 245, 255, 0.6) !important;
backdrop-filter: blur(12px) !important;
border-radius: 8px 24px 24px 24px !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
color: #1a4c62 !important;
padding: 0.6rem 1rem !important;
}
.bubble-user p, .bubble-ai p {
margin: 0 0 0.5rem 0;
line-height: 1.5;
}
.bubble-user p:last-child, .bubble-ai p:last-child {
margin-bottom: 0;
}
/* ---------- 输入区域 ---------- */
.chat-input-container,
div[class*="input-container"] {
background: rgba(255, 255, 255, 0.55) !important;
backdrop-filter: blur(12px) !important;
border-radius: 40px !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
padding: 0.4rem 0.8rem !important;
margin: 0.8rem 0 !important;
}
.chat-input-container textarea,
div[class*="input-container"] textarea,
.chat-input {
background: rgba(255, 255, 255, 0.4) !important;
border-radius: 32px !important;
border: none !important;
color: #1e3f4c !important;
font-size: 0.95rem !important;
padding: 0.6rem 1rem !important;
font-family: inherit !important;
}
.chat-input-container textarea:focus,
.chat-input:focus {
outline: none !important;
background: rgba(255, 255, 255, 0.6) !important;
}
button[class*="send-btn"],
.chat-send-btn {
background: linear-gradient(135deg, #cde3f0, #b8d4e8) !important;
border-radius: 36px !important;
border: none !important;
color: #1f5e7e !important;
font-weight: 600 !important;
padding: 0.4rem 1.2rem !important;
transition: 0.1s !important;
}
button[class*="send-btn"]:hover,
.chat-send-btn:hover {
background: #b0cbdf !important;
transform: translateY(-1px);
}
/* ---------- 底部输入栏/底部栏 ---------- */
.bottom-bar,
.footer-input,
div[class*="bottom"] {
background: rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(16px) !important;
border-top: 1px solid rgba(255, 255, 255, 0.8) !important;
padding: 0.6rem 1rem !important;
border-radius: 24px 24px 0 0 !important;
}
button.mod-btn,
button.stream-btn,
div[class*="Mod"] button,
div[class*="流式"] button,
.bottom-bar button {
background: rgba(220, 240, 255, 0.7) !important;
border-radius: 40px !important;
border: 1px solid rgba(255, 255, 255, 0.9) !important;
color: #1f5e7e !important;
font-weight: 500 !important;
padding: 0.3rem 1rem !important;
transition: 0.1s !important;
backdrop-filter: blur(4px) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}
button.mod-btn:hover,
button.stream-btn:hover,
.bottom-bar button:hover {
background: #c2dcee !important;
transform: translateY(-1px);
}
/* ---------- 加载动画 ---------- */
.typing-indicator,
.think-loading,
div[class*="loading"] span {
background: rgba(200, 225, 250, 0.7) !important;
border-radius: 20px !important;
padding: 0.3rem 0.8rem !important;
}
.typing-indicator span,
div[class*="loading"] span:nth-child(1),
div[class*="loading"] span:nth-child(2),
div[class*="loading"] span:nth-child(3) {
background: #5f9fc2 !important;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
display: inline-block;
margin: 0 2px;
animation: frost-blink 1.4s infinite both;
}
@keyframes frost-blink {
0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
40% { opacity: 1; transform: scale(1.2); }
}
.typing-indicator span:nth-child(2),
div[class*="loading"] span:nth-child(2) {
animation-delay: 0.2s;
}
.typing-indicator span:nth-child(3),
div[class*="loading"] span:nth-child(3) {
animation-delay: 0.4s;
}
/* ---------- 代码块在聊天框中的样式 ---------- */
.chat-container .markdown-body pre,
.markdown-body pre {
background: rgba(255, 255, 255, 0.3) !important;
backdrop-filter: blur(10px) !important;
border-radius: 24px !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
margin: 0.8rem 0 !important;
overflow: hidden !important;
padding: 0 !important;
font-family: 'Segoe UI', 'Roboto', 'Noto Sans', system-ui, -apple-system, sans-serif !important;
transition: all 0.2s ease-in-out !important;
}
.markdown-body pre > div[node] {
padding: 1rem 1.2rem !important;
color: #1e3f4c !important;
font-size: 0.9rem !important;
line-height: 1.5 !important;
background: rgba(255, 255, 255, 0.5) !important;
white-space: pre !important;
overflow-x: auto !important;
border-bottom-left-radius: 24px !important;
border-bottom-right-radius: 24px !important;
}
.markdown-body pre > code[node] {
padding: 1rem 1.2rem !important;
color: #1e3f4c !important;
font-size: 0.9rem !important;
line-height: 1.5 !important;
background: rgba(255, 255, 255, 0.5) !important;
white-space: pre !important;
border-radius: 24px !important;
display: block !important;
}
.markdown-body pre code[class^="language-"] > span,
.markdown-body pre code > span {
color: #1e3f4c !important;
}
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
color: #74a6b8 !important;
}
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
color: #1f5e7e !important;
}
.markdown-body pre > div.flex.justify-between.h-8.items-center.p-1.pl-3.border-b {
background: rgba(230, 245, 255, 0.5) !important;
backdrop-filter: blur(8px) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
}
.markdown-body pre > div > div.text-\[13px\].text-gray-500.font-normal {
color: #1f5e7e !important;
font-size: 0.9rem !important;
font-weight: 500;
}
/* ---------- 页码区域 ---------- */
.pagination,
.page-selector,
div[class*="page"] {
background: transparent !important;
}
.page-item,
.page-number,
div[class*="page"] span {
background: rgba(230, 245, 255, 0.6) !important;
border-radius: 32px !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
color: #1f5e7e !important;
padding: 0.2rem 0.6rem !important;
margin: 0 0.2rem !important;
transition: all 0.2s ease-in-out !important;
}
.page-item.active,
.page-number.current {
background: #cde3f0 !important;
color: #0e4a63 !important;
border-color: #ffffff !important;
font-weight: 600;
}
.page-item:hover,
.page-number:hover {
background: #d4e9f5 !important;
color: #1a4c62 !important;
transform: translateY(-1px);
}
/* ---------- 评论区 ---------- */
.comment-area,
.comment-list,
div[class*="comment"] {
background: rgba(255, 255, 255, 0.45) !important;
backdrop-filter: blur(8px) !important;
border-radius: 24px !important;
padding: 0.8rem !important;
margin-top: 1rem !important;
margin-bottom: 1rem !important;
border: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.comment-item {
background: rgba(255, 255, 255, 0.5) !important;
border-radius: 20px !important;
margin-bottom: 0.6rem !important;
padding: 0.6rem !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
}
.comment-author {
color: #1f5e7e !important;
font-weight: 600;
}
.comment-content {
color: #1a4c62 !important;
}
/* ---------- 分割线、提示框 ---------- */
hr {
border: none !important;
background: linear-gradient(90deg, transparent, #9cc0da, transparent) !important;
height: 1px !important;
margin: 1.5rem 0 !important;
}
.tooltip,
div[class*="toast"] {
background: rgba(230, 245, 255, 0.9) !important;
backdrop-filter: blur(12px) !important;
border-radius: 20px !important;
color: #1f5e7e !important;
border: 1px solid white !important;
padding: 0.5rem 1rem !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}
/* ---------- 通用链接 ---------- */
a, .link {
color: #1f5e7e !important;
text-decoration: none !important;
transition: color 0.2s ease-in-out !important;
}
a:hover, .link:hover {
color: #0e4a63 !important;
text-decoration: underline !important;
}
/* ---------- 滚动条美化 ---------- */
.chat-container ::-webkit-scrollbar,
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.chat-container ::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
background: rgba(200, 220, 240, 0.3);
border-radius: 10px;
}
.chat-container ::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
background: #9abed6;
border-radius: 10px;
}
.chat-container ::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover {
background: #6e9fbf;
}
/* ---------- 移动端适配 ---------- */
@media (max-width: 680px) {
.bubble-user, .bubble-ai {
border-radius: 20px !important;
}
.chat-input-container {
border-radius: 32px !important;
padding: 0.3rem 0.6rem !important;
}
.chat-send-btn {
padding: 0.3rem 1rem !important;
font-size: 0.85rem !important;
}
.typing-indicator span,
div[class*="loading"] span {
width: 6px !important;
height: 6px !important;
}
.app-header, .chat-header {
padding: 0.6rem !important;
border-radius: 0 0 18px 18px !important;
}
.bottom-bar {
padding: 0.4rem 0.8rem !important;
border-radius: 18px 18px 0 0 !important;
}
button.mod-btn, button.stream-btn, .bottom-bar button {
padding: 0.2rem 0.7rem !important;
font-size: 0.8rem !important;
}
.page-item {
padding: 0.1rem 0.4rem !important;
font-size: 0.8rem !important;
}
.markdown-body pre {
border-radius: 18px !important;
}
.markdown-body pre > div[node],
.markdown-body pre > code[node] {
padding: 0.8rem 1rem !important;
font-size: 0.85rem !important;
}
.markdown-body pre > div.flex.justify-between.h-8.items-center.p-1.pl-3.border-b {
padding: 0.5rem 0.8rem !important;
}
.markdown-body pre > div > div.text-\[13px\].text-gray-500.font-normal {
font-size: 0.85rem !important;
}
.comment-area {
padding: 0.6rem
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "sj5ftcqq86vkx503uhmyxhof.html",
"options": null,
"defaultModelSettings": {
"model": "pear_gemini/gemini-3.1-pro-preview"
},
"cover": "f2wqhffk58lz37ra08zrf73w.webp",
"background": "dcfzif8t017u9996uopn0jjy.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。