公开统计
4,795热度分
896消息量
9,019世界书字符
7,699固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: t16i6d6ioke4ntwojf8g2rct.webpbackground: i2g7u5033cky4zsyy226bsgl.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 8,516 字符;仅作为文本显示,不会在本站执行。
/* ====== 柳溪村 · 全面视觉美化方案 ====== */
/* 作者:兴趣使然的人 | 目标:极致沉浸与黑暗美学 */
/* 1. 核心变量与全局重置 */
:root {
--color-village-dark: #5d4037; /* 村庄深褐 */
--color-village-primary: #8b4513; /* 村庄主色 */
--color-village-light: #d2691e; /* 村庄暖褐 */
--color-village-bg: #f5e9d9; /* 主背景米白 */
--color-accent-danger: #c41e3a; /* 危险/情色强调色 */
--color-accent-info: #1e3c72; /* 信息/时间蓝 */
--color-accent-success: #2e7d32; /* 成功/档案绿 */
--color-accent-memory: #6d4c41; /* 记忆/痕迹褐 */
--color-accent-action: #f57c00; /* 行动建议橙 */
--color-text-dark: #333333;
--color-text-light: #f5f5f5;
--shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.08);
--shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.12);
--shadow-strong: 0 6px 18px rgba(0, 0, 0, 0.16);
--border-radius-sm: 6px;
--border-radius-md: 10px;
--border-radius-lg: 16px;
--transition: all 0.3s ease;
}
/* 2. 全局界面微调 (针对AI风月聊天界面容器) */
/* 注意:选择器需针对平台容器,这里使用常见类名,可能需要根据实际调整 */
.chat-container, .message-area, #chat-container {
background-color: var(--color-village-bg) !important;
background-image: linear-gradient(to bottom, transparent 95%, rgba(139, 69, 19, 0.03) 100%) !important;
font-family: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif !important;
color: var(--color-text-dark) !important;
}
/* 3. 状态栏全面美化 (针对我们的回复格式) */
.ai-response-container details {
margin-bottom: 14px;
border: none !important;
border-radius: var(--border-radius-md);
overflow: hidden;
box-shadow: var(--shadow-soft);
transition: var(--transition);
}
.ai-response-container details:hover {
box-shadow: var(--shadow-medium);
transform: translateY(-2px);
}
/* 摘要标题美化 */
.ai-response-container details summary {
padding: 14px 18px;
color: var(--color-text-light);
cursor: pointer;
font-weight: 600;
font-size: 0.95rem;
list-style: none;
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.1);
display: flex;
align-items: center;
gap: 10px;
}
.ai-response-container details summary::-webkit-details-marker {
display: none;
}
.ai-response-container details summary::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: currentColor;
opacity: 0.7;
}
.ai-response-container details summary::after {
content: '›';
position: absolute;
right: 18px;
font-size: 1.2rem;
transition: transform 0.3s ease;
}
.ai-response-container details[open] summary::after {
transform: rotate(90deg);
}
/* 不同摘要的配色方案 */
.ai-response-container details:nth-of-type(1) summary { /* 当前时刻 */
background: linear-gradient(135deg, var(--color-accent-info), #2a5298);
}
.ai-response-container details:nth-of-type(2) summary { /* 玩家档案 */
background: linear-gradient(135deg, var(--color-accent-success), #4caf50);
}
.ai-response-container details:nth-of-type(3) summary { /* 阿芸状态 */
background: linear-gradient(135deg, var(--color-accent-danger), #a0151e);
}
.ai-response-container details:nth-of-type(4) summary { /* 场景记忆 */
background: linear-gradient(135deg, var(--color-accent-memory), #8d6e63);
}
.ai-response-container details:nth-of-type(5) summary { /* 行动建议 */
background: linear-gradient(135deg, var(--color-accent-action), #ff9800);
}
/* 内容区域美化 */
.ai-response-container details .status-content p,
.ai-response-container details p {
padding: 18px;
margin: 0;
background-color: #fffaf0;
line-height: 1.6;
border-left: 4px solid;
animation: fadeInUp 0.5s ease;
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: translateY(0); }
}
/* 为不同内容区添加左边框色 */
.ai-response-container details:nth-of-type(1) p { border-left-color: var(--color-accent-info); }
.ai-response-container details:nth-of-type(2) p { border-left-color: var(--color-accent-success); }
.ai-response-container details:nth-of-type(3) p { border-left-color: var(--color-accent-danger); }
.ai-response-container details:nth-of-type(4) p { border-left-color: var(--color-accent-memory); }
.ai-response-container details:nth-of-type(5) p { border-left-color: var(--color-accent-action); }
/* 状态标签与关键词高亮 */
.ai-response-container p strong {
color: var(--color-village-primary);
background: rgba(139, 69, 19, 0.08);
padding: 2px 8px;
border-radius: 4px;
margin: 0 2px;
font-weight: 600;
border: 1px solid rgba(139, 69, 19, 0.2);
}
.ai-response-container p em {
color: var(--color-accent-danger);
font-style: normal;
font-weight: 500;
}
/* 4. 聊天消息气泡美化 (区分用户和AI) */
/* 用户消息气泡 */
.user-message, .message.user, [class*="user-msg"] {
background: linear-gradient(135deg, #e3f2fd, #bbdefb) !important;
border: 1px solid #90caf9 !important;
border-radius: var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm) var(--border-radius-lg) !important;
color: #1565c0 !important;
box-shadow: var(--shadow-soft) !important;
margin-left: auto !important; /* 靠右 */
max-width: 85% !important;
}
.user-message::before, .message.user::before {
content: '你';
position: absolute;
left: -30px;
top: 5px;
font-size: 0.8rem;
color: #0d47a1;
font-weight: bold;
}
/* AI消息气泡 (包含我们的状态栏) */
.ai-message, .message.ai, .ai-response-container {
background: linear-gradient(135deg, #ffebee, #ffcdd2) !important;
border: 1px solid #ef9a9a !important;
border-radius: var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm) !important;
color: var(--color-text-dark) !important;
box-shadow: var(--shadow-soft) !important;
margin-right: auto !important; /* 靠左 */
max-width: 90% !important;
position: relative;
}
.ai-message::before, .message.ai::before {
content: '村';
position: absolute;
right: -30px;
top: 5px;
font-size: 0.8rem;
color: var(--color-accent-danger);
font-weight: bold;
}
/* 5. 正文区域特殊处理 */
/* 确保正文(非状态栏部分)有合适的阅读体验 */
.ai-response-container > p:first-of-type, /* 假设正文是第一个非详情P标签 */
.text-content {
padding: 20px !important;
line-height: 1.7 !important;
font-size: 1.05rem !important;
text-align: justify;
background: #fff !important;
border-radius: var(--border-radius-md);
border-left: 5px solid var(--color-village-primary) !important;
margin: 20px 0 !important;
box-shadow: var(--shadow-soft);
}
/* 6. 滚动条美化 (仅支持Webkit内核浏览器) */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: rgba(93, 64, 55, 0.05);
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: var(--color-village-light);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--color-village-primary);
}
/* 7. 输入框区域微调 */
.chat-input, #user-input, [class*="input-area"] {
border: 1px solid var(--color-village-light) !important;
border-radius: var(--border-radius-lg) !important;
background: #fff !important;
padding: 12px 16px !important;
font-family: inherit !important;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.05) !important;
}
.chat-input:focus, #user-input:focus {
outline: none !important;
border-color: var(--color-accent-danger) !important;
box-shadow: 0 0 0 2px rgba(196, 30, 58, 0.1) !important;
}
/* 8. 按钮美化 (发送、快捷回复等) */
.send-button, .qk-button, button.primary {
background: linear-gradient(135deg, var(--color-village-primary), var(--color-village-dark)) !important;
color: white !important;
border: none !important;
border-radius: var(--border-radius-md) !important;
padding: 10px 24px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: var(--transition) !important;
box-shadow: var(--shadow-soft) !important;
}
.send-button:hover, .qk-button:hover, button.primary:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-medium) !important;
background: linear-gradient(135deg, var(--color-village-light), var(--color-village-primary)) !important;
}
/* 9. 移动端适配优化 */
@media (max-width: 768px) {
.ai-response-container details {
margin-bottom: 10px;
border-radius: var(--border-radius-sm);
}
.ai-response-container details summary {
padding: 12px 14px;
font-size: 0.9rem;
}
.ai-response-container details p {
padding: 14px;
font-size: 0.95rem;
}
.user-message, .ai-message {
max-width: 92% !important;
}
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "njg5j6usu367qlobeo5gp7u2.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "t16i6d6ioke4ntwojf8g2rct.webp",
"background": "i2g7u5033cky4zsyy226bsgl.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。