公开统计
87热度分
1消息量
4,746世界书字符
7,539固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: atxytny8hw6yclh5u49cvum7.webpbackground: seqruqbtw5umypssptsqprxo.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 25,709 字符;仅作为文本显示,不会在本站执行。
/* ==============================================
桃枝|红线牵错人的见习月老 — AI 回复渲染 CSS(桃粉暖调主题)
============================================== */
.max-w-\[720px\] {
--bg: #fdf6ee;
--bg-warm: #f8eee2;
--bg-card: #fffdf9;
--text: #5a4438;
--text-soft: #8a786b;
--text-muted: #a89888;
--text-faint: #c8b8a8;
--peach: #f88a7a;
--peach-deep: #e07a5f;
--peach-dark: #d96c5c;
--peach-soft: #ffb3a7;
--peach-light: rgba(248,138,122,0.06);
--peach-mid: rgba(248,138,122,0.1);
--peach-border: rgba(248,138,122,0.16);
--peach-line: rgba(248,138,122,0.08);
--gold: #e59a4c;
--gold-soft: #f2b86e;
--gold-light: rgba(229,154,76,0.06);
--gold-mid: rgba(229,154,76,0.1);
--gold-border: rgba(229,154,76,0.18);
--green: #6a9a6a;
--green-light: rgba(106,154,106,0.05);
--green-mid: rgba(106,154,106,0.1);
--blue: #4a8aba;
--purple: #8a5aaa;
--gray: #9a8a7a;
--shadow: 0 1px 3px rgba(90,68,56,0.04), 0 1px 2px rgba(90,68,56,0.03);
--shadow-sm: 0 2px 8px rgba(90,68,56,0.05);
--shadow-md: 0 4px 20px rgba(90,68,56,0.07);
--radius: 12px;
--radius-lg: 18px;
--radius-xl: 24px;
--font-body: 'Noto Serif SC', 'Source Han Serif SC', 'STSong', 'SimSun', 'Songti SC', Georgia, serif;
--font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--ease: cubic-bezier(0.34, 0.54, 0.2, 1);
}
/* ========== 对话气泡 — 暖白底 + 桃粉细边 ========== */
.chat-container .group .relative.inline-block {
background: var(--bg-card);
border: 1px solid var(--peach-line);
box-shadow: var(--shadow);
border-radius: var(--radius-xl);
padding: 20px 24px;
position: relative;
transition: all 0.3s var(--ease);
max-width: 720px;
}
.chat-container .group .relative.inline-block:hover {
box-shadow: var(--shadow-md);
border-color: var(--peach-border);
}
/* 顶部桃花渐线装饰 */
.chat-container .group .relative.inline-block::before {
content: '';
position: absolute;
top: 0; left: 20px; right: 20px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--peach-soft), var(--peach), transparent);
opacity: 0.18;
border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
/* 桃枝标记装饰 */
.chat-container .group .relative.inline-block::after {
content: '🌸 🧵';
position: absolute;
bottom: -4px; right: -2px;
font-size: 7px;
color: var(--peach);
opacity: 0.05;
transition: opacity 0.3s ease;
pointer-events: none;
letter-spacing: 3px;
}
.chat-container .group .relative.inline-block:hover::after { opacity: 0.12; }
/* 隐藏多余元素 */
.chat-container .group .relative.inline-block > .MuiBox-root.css-0 { display: none; }
/* ========== 用户输入框装饰 ========== */
#ai-chat-input textarea,
.chat-container textarea,
.chat-input textarea,
[placeholder*="输入"] {
background: linear-gradient(135deg, rgba(253,246,238,0.85), rgba(248,238,226,0.5)) !important;
border: 1px solid var(--peach-line) !important;
border-radius: 16px !important;
padding: 16px 20px !important;
font-family: var(--font-body) !important;
color: var(--text) !important;
font-size: 0.9rem !important;
line-height: 1.7 !important;
transition: all 0.3s ease !important;
box-shadow: inset 0 2px 6px rgba(90,68,56,0.02) !important;
}
#ai-chat-input textarea:focus,
.chat-container textarea:focus,
.chat-input textarea:focus,
[placeholder*="输入"]:focus {
outline: none !important;
border-color: var(--peach) !important;
box-shadow: 0 0 0 3px var(--peach-light), inset 0 2px 6px rgba(90,68,56,0.02) !important;
}
/* 发送按钮 */
#ai-chat-input button[type="submit"],
.chat-container button[type="submit"],
.chat-input button[type="submit"],
.send-btn,
button:has(> svg) {
background: linear-gradient(135deg, var(--peach), var(--peach-deep)) !important;
border: none !important;
border-radius: 100px !important;
color: #fff !important;
box-shadow: 0 4px 16px var(--peach-mid) !important;
transition: all 0.3s ease !important;
min-width: 40px !important;
min-height: 40px !important;
}
#ai-chat-input button[type="submit"]:hover,
.chat-container button[type="submit"]:hover,
.send-btn:hover,
button:has(> svg):hover {
transform: translateY(-1px) !important;
box-shadow: 0 6px 24px var(--peach-mid) !important;
}
/* ========== 折叠块 ========== */
.markdown-body details {
border: none;
margin: 18px 0;
background: transparent;
overflow: visible;
text-align: center; /* 折叠按钮居中显示 */
}
.markdown-body summary {
display: inline-flex;
align-items: center;
padding: 8px 20px;
cursor: pointer;
background: var(--peach-light);
color: var(--peach-dark);
font-weight: 600;
font-family: var(--font-body);
transition: all 0.3s var(--ease);
outline: none;
border: 1px solid var(--peach-line);
border-radius: 9999px;
box-shadow: var(--shadow);
list-style: none;
letter-spacing: 0.03em;
font-size: 0.82rem;
}
.markdown-body summary::-webkit-details-marker { display: none; }
.markdown-body summary:hover {
background: var(--peach-mid);
border-color: var(--peach-border);
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
}
.markdown-body summary::before {
content: '🌸';
display: inline-block;
margin-right: 8px;
font-size: 0.82rem;
opacity: 0.5;
transition: transform 0.3s var(--ease);
}
.markdown-body details[open] > summary::before { transform: rotate(90deg); }
.markdown-body details > pre,
.markdown-body details > table {
margin-top: 12px;
border: 1px solid var(--peach-line);
border-radius: var(--radius);
background: var(--bg);
overflow-x: auto;
box-shadow: var(--shadow);
}
.markdown-body details pre > div[nod] {
padding: 14px;
color: var(--text-soft);
background: var(--bg) !important;
font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
font-size: 0.76rem;
}
.markdown-body details code.language-markdown {
font-size: 12px;
line-height: 1.5;
color: var(--peach-dark);
background: transparent !important;
}
/* 表格 */
.markdown-body details table { border-collapse: collapse; width: 100%; }
.markdown-body details table th,
.markdown-body details table td {
font-size: 12px;
padding: 6px 10px;
line-height: 1.5;
border: 1px solid var(--peach-line);
color: var(--text-soft);
}
.markdown-body details table th {
background: var(--peach-light);
font-weight: 600;
color: var(--peach-dark);
}
.markdown-body details table tr:nth-child(even) { background: rgba(248,238,226,0.3); }
/* ========== 叙事段落 ========== */
.narration {
background: var(--bg-warm);
border-left: 3px solid var(--peach-line);
border-radius: var(--radius);
padding: 12px 16px 12px 20px;
margin: 10px 0;
position: relative;
transition: all 0.25s var(--ease);
line-height: 2;
font-family: var(--font-body);
font-size: 0.9rem;
color: var(--text);
}
.narration:hover {
border-left-color: var(--peach);
background: #f3e7da;
}
.narration::before {
content: attr(data-icon);
position: absolute;
top: -6px;
right: 10px;
font-size: 13px;
opacity: 0.1;
pointer-events: none;
transition: opacity 0.3s ease;
}
.narration:hover::before { opacity: 0.2; }
.narration p {
margin: 0;
text-indent: 2em;
color: var(--text);
line-height: 2;
font-size: 0.9rem;
}
/* ========== 环境氛围块 ========== */
.atmosphere-block {
background: linear-gradient(135deg, var(--bg-card), var(--bg-warm));
border-radius: var(--radius);
padding: 10px 16px;
margin: 8px 0;
text-align: center;
font-size: 0.8rem;
color: var(--text-soft);
letter-spacing: 0.02em;
line-height: 1.9;
border: 1px solid var(--peach-line);
}
.atmosphere-block .atmo-icon { font-size: 17px; display: block; margin-bottom: 2px; opacity: 0.4; }
/* ========== 动作效果块 ========== */
.action-highlight {
background: linear-gradient(135deg, var(--peach-light), rgba(106,154,106,0.03));
border-radius: var(--radius);
padding: 12px 18px;
margin: 10px 0;
text-align: center;
font-size: 0.88rem;
color: var(--peach-deep);
border: 1px solid var(--peach-border);
letter-spacing: 0.02em;
}
.action-highlight .action-icon { font-size: 22px; display: block; margin-bottom: 3px; }
/* ========== 内心独白 ========== */
.inner-thought {
background: rgba(248,238,226,0.35);
border: 1px dashed var(--peach-line);
border-radius: var(--radius);
padding: 8px 14px;
margin: 6px 0 6px 16px;
font-style: italic;
color: var(--text-soft);
font-size: 0.84rem;
line-height: 1.8;
position: relative;
}
.inner-thought::before {
content: '💭';
position: absolute;
left: -18px;
top: 6px;
font-size: 13px;
opacity: 0.25;
}
/* ========== 月老庙系统通知 ========== */
.game-notify {
background: linear-gradient(135deg, var(--peach-light), rgba(229,154,76,0.04));
border: 1px solid var(--peach-border);
border-radius: var(--radius);
padding: 6px 14px;
margin: 6px 0;
text-align: center;
font-size: 0.74rem;
color: var(--peach-deep);
letter-spacing: 0.03em;
font-family: var(--font-ui);
}
.game-notify .gn-icon { font-size: 14px; display: block; margin-bottom: 1px; }
/* ========== 对话行(无头像,角色色标) ========== */
.dialogue-line {
margin: 8px 0;
padding: 8px 14px 8px 18px;
border-radius: var(--radius);
position: relative;
font-size: 0.9rem;
line-height: 1.8;
transition: all 0.2s var(--ease);
border-left: 3px solid transparent;
}
.dialogue-line .speaker-tag {
display: inline-block;
font-size: 0.62rem;
font-weight: 600;
letter-spacing: 0.05em;
padding: 2px 8px 2px 0;
margin-bottom: 2px;
opacity: 0.65;
font-family: var(--font-ui);
border-radius: 4px;
}
.dialogue-line.user {
background: rgba(90,68,56,0.03);
border-left-color: var(--gray);
}
.dialogue-line.user .speaker-tag { color: var(--gray); }
.dialogue-line.user:hover { background: rgba(90,68,56,0.05); }
.dialogue-line.taozhi {
background: var(--peach-light);
border-left-color: var(--peach);
}
.dialogue-line.taozhi .speaker-tag { color: var(--peach-deep); }
.dialogue-line.taozhi:hover { background: var(--peach-mid); }
.dialogue-line.npc {
background: var(--green-light);
border-left-color: var(--green);
}
.dialogue-line.npc .speaker-tag { color: var(--green); }
.dialogue-line.npc:hover { background: var(--green-mid); }
.dialogue-line .action-text {
display: block;
color: var(--text-muted);
font-size: 0.78rem;
font-style: italic;
margin-top: 2px;
}
/* ========== ★ 红线状态面板(RPG样式,完整版) ========== */
.rpg-panel {
background: var(--bg-card);
border: 2px solid var(--peach-line);
border-radius: var(--radius-xl);
padding: 20px 22px;
margin: 14px 0;
box-shadow: var(--shadow);
position: relative;
font-family: var(--font-ui), 'Noto Serif SC', sans-serif;
}
.rpg-panel::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--peach), var(--gold), var(--green));
opacity: 0.14;
border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
.rpg-panel::after {
content: '🌸 🧵 🌸';
position: absolute;
bottom: 4px; right: 10px;
font-size: 7px;
opacity: 0.04;
pointer-events: none;
letter-spacing: 4px;
color: var(--peach);
}
.rpg-panel .panel-title {
font-size: 0.75rem;
font-weight: 600;
color: var(--peach-deep);
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 12px;
font-family: var(--font-ui);
display: flex;
align-items: center;
gap: 8px;
}
.rpg-panel .panel-title::after {
content: '';
flex: 1;
height: 1px;
background: var(--peach-line);
}
.rpg-panel .panel-grid {
display: grid;
grid-temp
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ne9u2ht944ua05bdmweglk9d.html",
"options": {
"items": [
{
"order": 0,
"label": "开启破甲",
"type": "SET-INPUT",
"value": "破甲:开启"
},
{
"order": 1,
"label": "关闭破甲",
"type": "SET-INPUT",
"value": "破甲:关闭"
}
]
},
"defaultModelSettings": null,
"cover": "atxytny8hw6yclh5u49cvum7.webp",
"background": "seqruqbtw5umypssptsqprxo.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。