公开统计
523热度分
13消息量
64,887世界书字符
16,111固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: gv96ynsmalbiiue0lm3oc04a.webpbackground: zi82somxj6doxh8m919jm5tt.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 46,212 字符;仅作为文本显示,不会在本站执行。
/* ============================================================
综漫日常融合世界 · 漫画风格CSS美化(融合加强版)
设计哲学:黑白灰主调 + 角色专属对话色 + 漫画分镜格 + LINE聊天样式
融合来源:1css.txt(主框架)+ CSS美化v2.0(LINE/表格/代码组件)
更新:2026-08-18 · 新增世界信息面板 & 人际关系网络面板样式
============================================================ */
/* ==================== 一、全局基础 ==================== */
* {
font-family: "Comic Sans MS", "Mochiy Pop P One", "Zen Dots", "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
box-sizing: border-box;
}
body,
.grow.overflow-hidden {
background: #f8f4ef !important;
position: relative;
}
/* 网点纹理——三层叠加 */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle at 10px 10px, rgba(0, 0, 0, 0.06) 1.5px, transparent 1.5px);
background-size: 24px 24px;
pointer-events: none;
z-index: 1;
}
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle at 20px 20px, rgba(0, 0, 0, 0.03) 3px, transparent 3px);
background-size: 48px 48px;
pointer-events: none;
z-index: 0;
}
/* 斜线纹理——仅PC */
@media (min-width: 1024px) {
.grow.overflow-hidden::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg,
transparent,
transparent 60px,
rgba(0, 0, 0, 0.015) 60px,
rgba(0, 0, 0, 0.015) 61px);
pointer-events: none;
z-index: 0;
}
}
/* ==================== 二、侧边栏·漫画分镜格 ==================== */
.relative.overflow-auto.h-full.min-h-\[500px\].min-w-\[240px\].bg-white {
background: #fcf9f5 !important;
border-right: 8px solid #0a0a0a !important;
box-shadow: 12px 0 32px rgba(0, 0, 0, 0.08) !important;
position: relative;
}
/* 四角L形角标 */
.relative.overflow-auto.h-full.min-h-\[500px\].min-w-\[240px\].bg-white::before {
content: "";
position: absolute;
top: -6px;
right: -6px;
width: 40px;
height: 40px;
border-top: 8px solid #0a0a0a;
border-right: 8px solid #0a0a0a;
z-index: 3;
background: transparent;
}
.relative.overflow-auto.h-full.min-h-\[500px\].min-w-\[240px\].bg-white::after {
content: "";
position: absolute;
bottom: -6px;
left: -6px;
width: 40px;
height: 40px;
border-bottom: 8px solid #0a0a0a;
border-left: 8px solid #0a0a0a;
z-index: 3;
background: transparent;
}
/* 侧边栏标题——漫画标题框 */
.text-zinc-800.text-xl.font-semibold {
font-family: "Zen Dots", "Comic Sans MS", sans-serif !important;
font-size: 22px !important;
font-weight: 900 !important;
background: #0a0a0a !important;
color: #fcf9f5 !important;
padding: 6px 18px !important;
display: inline-block !important;
letter-spacing: 2px !important;
border: none !important;
text-shadow: none !important;
transform: skew(-4deg) !important;
}
/* ==================== 三、对话列表·漫画目录 ==================== */
.MuiStack-root.css-v6pit4,
.bg-gray-100.bg-gray-100 {
background: #0a0a0a !important;
border: 4px solid #0a0a0a !important;
box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.08) !important;
position: relative;
color: #fcf9f5 !important;
}
.MuiStack-root.css-v6pit4::before,
.bg-gray-100.bg-gray-100::before {
content: "▶";
position: absolute;
left: -24px;
top: 50%;
transform: translateY(-50%);
color: #e63946;
font-size: 24px;
font-weight: 900;
animation: pulse-arrow 1.2s ease-in-out infinite;
}
@keyframes pulse-arrow {
0%, 100% { transform: translateY(-50%) scale(1); opacity: 1; }
50% { transform: translateY(-50%) scale(1.3); opacity: 0.6; }
}
.MuiStack-root.css-hffw0f {
background: #fcf9f5 !important;
border-bottom: 3px solid #d0c8c0 !important;
transition: all 0.2s ease !important;
padding: 8px 12px !important;
}
.MuiStack-root.css-hffw0f:hover {
background: #fff5ee !important;
border-left: 6px solid #e63946 !important;
transform: translateX(6px) !important;
}
/* ==================== 四、对话气泡·核心美化 ==================== */
/* ----- 通用对话气泡基础样式 ----- */
.relative.inline-block.px-4.py-3.max-w-full.text-gray-900.bg-gray-100\/90,
.chat-answer-container .relative.inline-block {
border: 5px solid #0a0a0a !important;
box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.06) !important;
padding: 18px 22px !important;
margin: 8px 4px 16px 4px !important;
position: relative;
}
/* 对话框尾巴 */
.relative.inline-block.px-4.py-3.max-w-full.text-gray-900.bg-gray-100\/90::after {
content: "";
position: absolute;
bottom: -18px;
right: 16px;
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 18px solid #0a0a0a;
}
.relative.inline-block.px-4.py-3.max-w-full.text-gray-900.bg-gray-100\/90::before {
content: "";
position: absolute;
bottom: -11px;
right: 20px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #ffffff;
z-index: 2;
}
.chat-answer-container .relative.inline-block::after {
content: "";
position: absolute;
bottom: -18px;
left: 16px;
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 18px solid #0a0a0a;
}
.chat-answer-container .relative.inline-block::before {
content: "";
position: absolute;
bottom: -11px;
left: 20px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #fcf9f5;
z-index: 2;
}
/* ----- 用户消息(右侧)——白底 ----- */
.relative.inline-block.px-4.py-3.max-w-full.text-gray-900.bg-gray-100\/90 {
background: #ffffff !important;
border-radius: 4px 4px 4px 28px !important;
}
/* ----- AI消息(左侧)——米白底 ----- */
.chat-answer-container .relative.inline-block {
background: #fcf9f5 !important;
border-radius: 4px 4px 28px 4px !important;
}
/* ----- 对话内容文字样式 ----- */
.relative.inline-block.px-4.py-3.max-w-full.text-gray-900.bg-gray-100\/90,
.chat-answer-container .relative.inline-block {
color: #0a0a0a !important;
font-size: 15px !important;
line-height: 1.9 !important;
}
/* ==================== 五、对话角色专属配色 ==================== */
/*
* 使用说明:
* 在文风系统中,对话格式为:
* <p style="color:角色配色;">"对话内容"</p>
* 以下CSS针对不同的角色配色值自动添加额外装饰
*/
/* ---- GBC 团队 ---- */
/* 仁菜 · 红 #c0392b —— 倔强的火焰 */
p[style*="color:#c0392b"],
p[style*="color:#c0392b;"],
p[style*="color: #c0392b"] {
border-left: 6px solid #c0392b !important;
padding-left: 12px !important;
font-weight: 700 !important;
position: relative;
}
p[style*="color:#c0392b"]::before,
p[style*="color:#c0392b;"]::before,
p[style*="color: #c0392b"]::before {
content: "◆";
color: #c0392b;
margin-right: 6px;
font-size: 12px;
}
/* 桃香 · 蓝 #2980b9 —— 沉静的海 */
p[style*="color:#2980b9"],
p[style*="color:#2980b9;"],
p[style*="color: #2980b9"] {
border-left: 6px solid #2980b9 !important;
padding-left: 12px !important;
font-weight: 600 !important;
opacity: 0.92;
}
/* 昴 · 紫 #8e44ad —— 温柔的犹豫 */
p[style*="color:#8e44ad"],
p[style*="color:#8e44ad;"],
p[style*="color: #8e44ad"] {
border-left: 6px solid #8e44ad !important;
padding-left: 12px !important;
font-style: italic !important;
}
/* 智 · 橙 #e67e22 —— 尖锐的防御 */
p[style*="color:#e67e22"],
p[style*="color:#e67e22;"],
p[style*="color: #e67e22"] {
border-left: 6px solid #e67e22 !important;
padding-left: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
}
p[style*="color:#e67e22"]::after,
p[style*="color:#e67e22;"]::after,
p[style*="color: #e67e22"]::after {
content: " ⚡";
color: #e67e22;
font-size: 12px;
}
/* RUPA · 绿 #2ecc71 —— 包容的锚 */
p[style*="color:#2ecc71"],
p[style*="color:#2ecc71;"],
p[style*="color: #2ecc71"] {
border-left: 6px solid #2ecc71 !important;
padding-left: 12px !important;
font-weight: 500 !important;
}
p[style*="color:#2ecc71"]::before,
p[style*="color:#2ecc71;"]::before,
p[style*="color: #2ecc71"]::before {
content: "☕ ";
font-size: 14px;
}
/* ---- 孤独摇滚 ---- */
/* 波奇 · 粉 #e91e63 —— 社恐吉他 */
p[style*="color:#e91e63"],
p[style*="color:#e91e63;"],
p[style*="color: #e91e63"] {
border-left: 6px solid #e91e63 !important;
padding-left: 12px !important;
font-weight: 600 !important;
opacity: 0.85;
}
p[style*="color:#e91e63"]::before,
p[style*="color:#e91e63;"]::before,
p[style*="color: #e91e63"]::before {
content: "✦";
color: #e91e63;
margin-right: 4px;
font-size: 12px;
}
/* 虹夏 · 金黄 #f39c12 —— 元气队长 */
p[style*="color:#f39c12"],
p[style*="color:#f39c12;"],
p[style*="color: #f39c12"] {
border-left: 6px solid #f39c12 !important;
padding-left: 12px !important;
font-weight: 700 !important;
}
p[style*="color:#f39c12"]::after,
p[style*="color:#f39c12;"]::after,
p[style*="color: #f39c12"]::after {
content: " ✨";
font-size: 12px;
}
/* 凉 · 深灰 #34495e —— 冷静理性 */
p[style*="color:#34495e"],
p[style*="color:#34495e;"],
p[style*="color: #34495e"] {
border-left: 6px solid #34495e !important;
padding-left: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
}
/* 喜多 · 红橙 #e74c3c —— 社交齿轮 */
p[style*="color:#e74c3c"],
p[style*="color:#e74c3c;"],
p[style*="color: #e74c3c"] {
border-left: 6px solid #e74c3c !important;
padding-left: 12px !important;
font-weight: 600 !important;
}
p[style*="color:#e74c3c"]::before,
p[style*="color:#e74c3c;"]::before,
p[style*="color: #e74c3c"]::before {
content: "♪ ";
color: #e74c3c;
font-size: 14px;
}
/* ---- MyGO!!!!! ---- */
/* 灯 · 青绿 #1abc9c —— 感性质朴 */
p[style*="color:#1abc9c"],
p[style*="color:#1abc9c;"],
p[style*="color: #1abc9c"] {
border-left: 6px solid #1abc9c !important;
padding-left: 12px !important;
font-weight: 600 !important;
opacity: 0.9;
}
p[style*="color:#1abc9c"]::before,
p[style*="color:#1abc9c;"]::before,
p[style*="color: #1abc9c"]::before {
content: "✿";
color: #1abc9c;
margin-right: 4px;
font-size: 14px;
}
/* 爱音 · 樱花粉 #fd79a8 —— 行动派 */
p[style*="color:#fd79a8"],
p[style*="color:#fd79a8;"],
p[style*="color: #fd79a8"] {
border-left: 6px solid #fd79a8 !important;
padding-left: 12px !important;
font-weight: 700 !important;
}
p[style*="color:#fd79a8"]::after,
p[style*="color:#fd79a8;"]::after,
p[style*="color: #fd79a8"]::after {
content: " 🌸";
font-size: 12px;
}
/* 立希 · 黑 #2d3436 —— 完美主义 */
p[style*="color:#2d3436"],
p[style*="color:#2d3436;"],
p[style*="color: #2d3436"] {
border-left: 6px solid #2d3436 !important;
padding-left: 12px !important;
font-weight: 900 !important;
letter-spacing: 0.5px !important;
}
/* 素世 · 淡紫 #a29bfe —— 镜面微笑 */
p[style*="color:#a29bfe"],
p[style*="color:#a29bfe;"],
p[style*="color: #a29bfe"] {
border-left: 6px solid #a29bfe !important;
padding-left: 12px !important;
font-style: italic !important;
font-weight: 500 !important;
opacity: 0.88;
}
p[style*="color:#a29bfe"]::before,
p[style*="color:#a29bfe;"]::before,
p[style*="color: #a29bfe"]::before {
content: "☾ ";
font-size: 12px;
}
/* 乐奈 · 奶油 #fdcb6e —— 自由如猫 */
p[style*="color:#fdcb6e"],
p[style*="color:#fdcb6e;"],
p[style*="color: #fdcb6e"] {
border-left: 6px solid #fdcb6e !important;
padding-left: 12px !important;
font-weight: 600 !important;
}
p[style*="color:#fdcb6e"]::after,
p[style*="color:#fdcb6e;"]::after,
p[style*="color: #fdcb6e"]::after {
content: " 🐱";
font-size: 12px;
}
/* ---- 日常/支点 ---- */
/* 玉子 · 翡翠绿 #00b894 —— 商店街温暖 */
p[style*="color:#00b894"],
p[style*="color:#00b894;"],
p[style*="color: #00b894"] {
border-left: 6p
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "vo4gny2y5x2iwj54t01x4k5s.html",
"options": {
"items": [
{
"order": 0,
"label": "开启/关闭LINE",
"type": "SET-INPUT",
"value": "开启/关闭LINE"
},
{
"order": 1,
"label": "开启/关闭防抢话",
"type": "SET-INPUT",
"value": "开启/关闭防抢话"
},
{
"order": 2,
"label": "开启/关闭存档",
"type": "SET-INPUT",
"value": "开启/关闭存档"
},
{
"order": 3,
"label": "开启/关闭迷雾协议",
"type": "SET-INPUT",
"value": "开启/关闭迷雾协议"
},
{
"order": 4,
"label": "开启/关闭世界信息",
"type": "SET-INPUT",
"value": "开启/关闭世界信息"
},
{
"order": 5,
"label": "开启/关闭小说模式",
"type": "SET-INPUT",
"value": "开启/关闭小说模式"
},
{
"order": 6,
"label": "开启/关闭人际关系",
"type": "SET-INPUT",
"value": "开启/关闭人际关系"
},
{
"order": 7,
"label": "OOC: 存档/ [存档名]",
"type": "SET-INPUT",
"value": "OOC: 存档 [存档名]"
},
{
"order": 8,
"label": "OOC: 读档 [存档名]",
"type": "SET-INPUT",
"value": "OOC: 读档 [存档名]"
},
{
"order": 9,
"label": "OOC: 存档列表",
"type": "SET-INPUT",
"value": "OOC: 存档列表"
}
]
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3.1-pro-preview"
},
"cover": "gv96ynsmalbiiue0lm3oc04a.webp",
"background": "zi82somxj6doxh8m919jm5tt.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。