公开统计
6,889热度分
1,258消息量
5,371世界书字符
8,912固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: koy12ke5y69pqdfxyxiqu8gl.webpbackground: aq4t9hhhbo6ijm1ime595lpt.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 23,287 字符;仅作为文本显示,不会在本站执行。
/* ================================
Galgame Night UI - Pure CSS
主题:邻居姐姐 / 夜紫 / 雾粉 / 视觉小说
================================ */
/* ---------- 全局变量 ---------- */
:root {
--gal-bg-1: #1c1424;
--gal-bg-2: #2c2036;
--gal-bg-3: #49304a;
--gal-cream: #fff8f4;
--gal-text: #3b2734;
--gal-muted: rgba(255, 248, 244, 0.68);
--gal-rose: #e9a1bf;
--gal-rose-deep: #b85f8f;
--gal-violet: #9d85d6;
--gal-gold: #d8b98c;
--gal-glass: rgba(255, 248, 244, 0.72);
--gal-glass-soft: rgba(255, 248, 244, 0.48);
--gal-dark-glass: rgba(24, 14, 30, 0.52);
--gal-border: rgba(255, 248, 244, 0.28);
--gal-border-gold: rgba(216, 185, 140, 0.38);
--gal-shadow: 0 18px 46px rgba(12, 6, 18, 0.34);
--gal-soft-shadow: 0 10px 26px rgba(12, 6, 18, 0.22);
--gal-radius-lg: 24px;
--gal-radius-md: 18px;
--gal-radius-sm: 14px;
}
/* ---------- 整体聊天背景 ---------- */
body {
background:
radial-gradient(circle at 18% 12%, rgba(233, 161, 191, 0.26), transparent 28%),
radial-gradient(circle at 86% 18%, rgba(157, 133, 214, 0.28), transparent 30%),
linear-gradient(145deg, var(--gal-bg-1), var(--gal-bg-2) 58%, var(--gal-bg-3)) !important;
color: var(--gal-cream) !important;
}
/* 柔光网格氛围,不影响点击 */
body::before {
content: "";
position: fixed;
inset: 0;
z-index: -2;
pointer-events: none;
background-image:
linear-gradient(rgba(255, 248, 244, 0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 248, 244, 0.035) 1px, transparent 1px);
background-size: 42px 42px;
mask-image: radial-gradient(circle at center, black, transparent 82%);
}
/* 背景柔光 */
body::after {
content: "";
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 50% 18%, rgba(255, 248, 244, 0.08), transparent 28%),
radial-gradient(circle at 50% 85%, rgba(233, 161, 191, 0.13), transparent 34%);
}
/* ---------- 顶部选择区 / 设置 ---------- */
#customized-model-selector,
#customized-opening-statement-selector {
min-height: 38px !important;
padding: 8px 14px !important;
border-radius: 999px !important;
color: var(--gal-cream) !important;
background:
linear-gradient(135deg, rgba(255, 248, 244, 0.14), rgba(255, 248, 244, 0.06)) !important;
border: 1px solid var(--gal-border) !important;
box-shadow: var(--gal-soft-shadow) !important;
backdrop-filter: blur(16px) !important;
outline: none !important;
}
#customized-model-selector:hover,
#customized-opening-statement-selector:hover {
border-color: rgba(216, 185, 140, 0.62) !important;
box-shadow: 0 0 0 3px rgba(216, 185, 140, 0.12), var(--gal-soft-shadow) !important;
}
#header-setting-button {
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
color: var(--gal-cream) !important;
background:
radial-gradient(circle at 35% 25%, rgba(255, 248, 244, 0.32), transparent 28%),
linear-gradient(135deg, var(--gal-rose-deep), var(--gal-violet)) !important;
border: 1px solid rgba(255, 248, 244, 0.26) !important;
box-shadow: var(--gal-soft-shadow) !important;
}
/* ---------- 头像 ---------- */
#customized-question-avatar,
#customized-answer-avatar {
width: 42px !important;
height: 42px !important;
border-radius: 50% !important;
padding: 2px !important;
background:
linear-gradient(135deg, var(--gal-gold), var(--gal-rose), var(--gal-violet)) !important;
box-shadow:
0 0 0 3px rgba(255, 248, 244, 0.12),
0 10px 24px rgba(12, 6, 18, 0.28) !important;
overflow: hidden !important;
}
#customized-answer-avatar {
background:
linear-gradient(135deg, var(--gal-rose), var(--gal-violet), var(--gal-gold)) !important;
}
/* ---------- 用户提问 / 作品回答内容 ---------- */
#customized-question-content,
#customized-answer-content {
position: relative !important;
max-width: min(86%, 780px) !important;
padding: 14px 16px !important;
border-radius: var(--gal-radius-lg) !important;
line-height: 1.78 !important;
font-size: 15px !important;
box-shadow: var(--gal-soft-shadow) !important;
backdrop-filter: blur(18px) !important;
overflow-wrap: anywhere !important;
}
/* 用户气泡:偏紫 */
#customized-question-content {
margin-left: auto !important;
color: var(--gal-cream) !important;
background:
linear-gradient(135deg, rgba(157, 133, 214, 0.62), rgba(92, 61, 112, 0.58)) !important;
border: 1px solid rgba(255, 248, 244, 0.22) !important;
}
/* AI气泡:像视觉小说对白框 */
#customized-answer-content {
margin-right: auto !important;
color: var(--gal-text) !important;
background:
linear-gradient(180deg, rgba(255, 248, 244, 0.9), rgba(255, 248, 244, 0.76)) !important;
border: 1px solid rgba(216, 185, 140, 0.34) !important;
}
/* AI 气泡上边缘高光 */
#customized-answer-content::before {
content: "";
position: absolute;
left: 18px;
right: 18px;
top: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(216, 185, 140, 0.7), transparent);
}
/* 用户气泡小尾巴 */
#customized-question-content::after {
content: "";
position: absolute;
right: -5px;
top: 18px;
width: 12px;
height: 12px;
transform: rotate(45deg);
background: rgba(120, 88, 172, 0.62);
border-radius: 3px;
}
/* AI 气泡小尾巴 */
#customized-answer-content::after {
content: "";
position: absolute;
left: -5px;
top: 18px;
width: 12px;
height: 12px;
transform: rotate(45deg);
background: rgba(255, 248, 244, 0.84);
border-radius: 3px;
}
/* ---------- 消息内图片 / markdown 图片适配 ---------- */
#customized-question-content img,
#customized-answer-content img {
max-width: 100% !important;
height: auto !important;
border-radius: 18px !important;
box-shadow: var(--gal-soft-shadow) !important;
border: 1px solid rgba(216, 185, 140, 0.28) !important;
}
/* ---------- 通用操作按钮 ---------- */
#customized-reload-button,
#customized-edit-button,
#customized-resend-button,
#customized-delete-button,
#customized-create-image-button,
#customized-create-audio-button,
#customized-branch-and-share-button,
#customized-prompt-log-button,
#customized-ai-summary-button,
#customized-flow-button,
#customized-comment-button,
#customized-scroll-to-bottom-button,
#toggle-sub-buttons,
#ai-mod-button,
#customized-shortcut-command-button-0,
#customized-shortcut-command-button-1,
#customized-shortcut-command-button-2,
#customized-shortcut-command-button-3,
#customized-shortcut-command-button-4,
#customized-shortcut-command-button-5,
#customized-shortcut-command-button-6,
#customized-shortcut-command-button-7,
#customized-shortcut-command-button-8,
#customized-shortcut-command-button-9 {
min-height: 34px !important;
padding: 7px 12px !important;
border-radius: 999px !important;
color: var(--gal-cream) !important;
font-weight: 700 !important;
font-size: 13px !important;
background:
linear-gradient(135deg, rgba(184, 95, 143, 0.86), rgba(157, 133, 214, 0.86)) !important;
border: 1px solid rgba(255, 248, 244, 0.22) !important;
box-shadow: 0 8px 20px rgba(12, 6, 18, 0.2) !important;
transition:
transform 0.16s ease,
box-shadow 0.16s ease,
filter 0.16s ease !important;
}
#customized-reload-button:hover,
#customized-edit-button:hover,
#customized-resend-button:hover,
#customized-create-image-button:hover,
#customized-create-audio-button:hover,
#customized-branch-and-share-button:hover,
#customized-prompt-log-button:hover,
#customized-ai-summary-button:hover,
#customized-flow-button:hover,
#customized-comment-button:hover,
#customized-scroll-to-bottom-button:hover,
#toggle-sub-buttons:hover,
#ai-mod-button:hover,
#customized-shortcut-command-button-0:hover,
#customized-shortcut-command-button-1:hover,
#customized-shortcut-command-button-2:hover,
#customized-shortcut-command-button-3:hover,
#customized-shortcut-command-button-4:hover,
#customized-shortcut-command-button-5:hover,
#customized-shortcut-command-button-6:hover,
#customized-shortcut-command-button-7:hover,
#customized-shortcut-command-button-8:hover,
#customized-shortcut-command-button-9:hover {
transform: translateY(-1px) !important;
filter: brightness(1.06) !important;
box-shadow:
0 0 0 3px rgba(233, 161, 191, 0.12),
0 10px 24px rgba(12, 6, 18, 0.24) !important;
}
#customized-reload-button:active,
#customized-edit-button:active,
#customized-resend-button:active,
#customized-delete-button:active,
#customized-create-image-button:active,
#customized-create-audio-button:active,
#customized-branch-and-share-button:active,
#customized-prompt-log-button:active,
#customized-ai-summary-button:active,
#customized-flow-button:active,
#customized-comment-button:active,
#customized-scroll-to-bottom-button:active,
#toggle-sub-buttons:active,
#ai-mod-button:active {
transform: scale(0.97) !important;
}
/* 删除按钮单独危险色,但仍保持统一 */
#customized-delete-button {
background:
linear-gradient(135deg, rgba(176, 65, 94, 0.9), rgba(116, 45, 78, 0.9)) !important;
}
/* ---------- 分页区域 ---------- */
#customized-pagination {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
padding: 10px !important;
margin: 10px auto !important;
border-radius: 999px !important;
width: fit-content !important;
max-width: 92vw !important;
background: rgba(255, 248, 244, 0.16) !important;
border: 1px solid rgba(255, 248, 244, 0.18) !important;
backdrop-filter: blur(14px) !important;
}
/* ---------- 底部功能菜单条 ---------- */
#ai-mod-button2 {
position: relative !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
padding: 10px !important;
margin: 8px auto !important;
border-radius: 24px !important;
background:
linear-gradient(180deg, rgba(255, 248, 244, 0.24), rgba(255, 248, 244, 0.12)) !important;
border: 1px solid rgba(255, 248, 244, 0.22) !important;
box-shadow: var(--gal-soft-shadow) !important;
backdrop-filter: blur(18px) !important;
}
/* ---------- 聊天输入框 ---------- */
#ai-chat-input {
min-height: 46px !important;
max-height: 160px !important;
padding: 13px 15px !important;
border-radius: 22px !important;
color: var(--gal-text) !important;
background:
linear-gradient(180deg, rgba(255, 248, 244, 0.92), rgba(255, 248, 244, 0.78)) !important;
border: 1px solid rgba(216, 185, 140, 0.34) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.65),
var(--gal-soft-shadow) !important;
outline: none !important;
backdrop-filter: blur(18px) !important;
}
#ai-chat-input:focus {
border-color: rgba(216, 185, 140, 0.72) !important;
box-shadow:
0 0 0 4px rgba(216, 185, 140, 0.14),
var(--gal-soft-shadow) !important;
}
/* ---------- 发送按钮 ---------- */
#ai-send-button {
min-width: 52px !important;
min-height: 46px !important;
padding: 10px 16px !important;
border-radius: 22px !important;
color: var(--gal-cream) !important;
font-weight: 900 !important;
background:
radial-gradient(circle at 32% 20%, rgba(255, 248, 244, 0.32), transparent 26%),
linear-gradient(135deg, var(--gal-rose-deep), var(--gal-violet)) !important;
border: 1px solid rgba(255, 248, 244, 0.26) !important;
box-shadow:
0 12px 28px rgba(12, 6, 18, 0.26),
0 0 24px rgba(233, 161, 191, 0.18) !important;
}
#ai-send-button:active {
transform: scale(0.96) !important;
}
/* ---------- 状态栏 / 状态栏背景美化 ---------- */
/* 如果状态栏在回答内容里,常见格式如【状态栏】会整体获得更好的可读性 */
#customized-answer-content pre,
#customized-answer-content code {
border-radius: 16px !important;
color: #fdf7ff !important;
background:
linear-gradient(145deg, rgba(33, 24, 39, 0.88), rgba(70, 47, 82, 0.78)) !important;
border: 1px solid rgba(216, 185, 140, 0.28) !important;
box-shadow: inset 0 1px 0 rgba(255, 248, 244, 0.08) !important;
}
/* Markdown 分隔块、引用块也做成状态栏卡片感 */
#customized-answer-content blockquote {
margin: 12px 0 !important;
padding: 12px 14px !important;
border-radius: 18px !important;
color: #fff8f4 !important;
background:
linear-gradient(145deg, rgba(33, 24, 39, 0.82), rgba(87
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "jya8gm9g941j4us46vfkav73.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "koy12ke5y69pqdfxyxiqu8gl.webp",
"background": "aq4t9hhhbo6ijm1ime595lpt.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。