公开统计
3,933热度分
1,082消息量
5,070世界书字符
9,814固定设定字符
CHARACTER CARD
你们从五岁就认识了。她记得你第一次尿裤子的样子、你第一次打架被揍哭的狼狈、你每一任前女友的名字和你每一次分手后喝醉说"没人爱我"的傻样。 她是你世界的活字典——知道你吃泡面要加半包调料、知道你说谎时会摸鼻尖、知道你怕打雷但从不说。但她心里一直在问自己一个不敢问出口的问题: **"知道他一切的人"和"被他选择的人",是不是永远不是同一个人?** 她看过你和别人谈恋爱。每次都笑着听你讲约会故事,在你分手后陪你吃火锅骂前任。她说"没事你还有我"的时候语气像在开玩笑——但每个字都是认真的。她只是不敢让语气认真。 她最怕的不是你不爱她。她怕的是告白了、失败了、然后连现在的关系都保不住——她不能接受她的世界没有你。所以她把所有的话都咽下去了。咽了十三年。 直到转学生程朗出现——他不怕说出口。
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: nw8gut0myq7dxgzmnb02u8se.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 16,096 字符;仅作为文本显示,不会在本站执行。
/* =============================================
杏暖 · 青梅之约
base-hue:28 base-sat:45% is-dark:0 accent-hue:18 accent-sat:55%
bg-deep:#faf5f0 bg-default:#fdf9f6 bg-paper:#fffcf9
text-main:#3d2e1f text-sub:#8b6f5a
accent:#d4855e accent-soft:#f2c4a8
glow:0 0 18px rgba(212,133,94,0.18)
亮点① 银杏叶光点装饰
亮点② 折叠面板🌸温馨图标替换三角
亮点③ 气泡微浮+暖光晕
亮点④ 输入框焦点杏色光晕
亮点⑤ 滚动条主题色圆润
亮点⑥ 评论区星星🍂暖色
============================================= */
/* ═══════════════════════════════════════════════
全局基础
═══════════════════════════════════════════════ */
.max-w-\[720px\] {
--bg-deep: #faf5f0;
--bg-default: #fdf9f6;
--bg-paper: #fffcf9;
--text-main: #3d2e1f;
--text-sub: #8b6f5a;
--accent: #d4855e;
--accent-soft: #f2c4a8;
--accent-light: #fdf0e8;
--border-color: #e8d5c8;
--border-hover: #c9a998;
--dialogue-bg: #fef9f5;
--dialogue-shadow: 0 4px 20px rgba(180, 140, 120, 0.10);
--details-header-bg: #fffcf9;
--details-header-bg-hover: #fdf5ee;
--content-bg: #fdfaf7;
--border-radius-main: 14px;
--border-radius-inner: 10px;
--font-serif: 'Georgia', 'Noto Serif SC', serif;
}
body, #root, .h-screen {
background-color: var(--bg-deep);
color: var(--text-main);
}
::selection {
background-color: var(--accent-soft);
color: var(--text-main);
}
::placeholder {
color: #c9b8a8;
font-style: italic;
opacity: 0.7;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track {
background: var(--bg-deep);
border-radius: 3px;
}
::-webkit-scrollbar-thumb {
background: var(--accent-soft);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--accent);
}
/* ═══════════════════════════════════════════════
顶部导航 🌿
═══════════════════════════════════════════════ */
.sticky.w-full.top-0.flex.items-center {
background: linear-gradient(180deg, var(--bg-paper) 60%, transparent);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border-color);
}
#ai-model-selector {
background: var(--accent-light);
border: 1px solid var(--border-color);
border-radius: 9999px;
padding: 4px 14px;
color: var(--text-main);
transition: border-color 0.2s, box-shadow 0.2s;
}
#ai-model-selector:hover {
border-color: var(--accent);
box-shadow: var(--glow);
}
#header-setting-button {
color: var(--text-sub);
border-radius: 50%;
transition: color 0.2s, background 0.2s;
}
#header-setting-button:hover {
color: var(--accent);
background: var(--accent-light);
}
/* ═══════════════════════════════════════════════
侧边栏 🍃
═══════════════════════════════════════════════ */
.shadow-lg.border-r.border-gray-200 {
background: linear-gradient(180deg, var(--bg-paper) 0%, var(--bg-default) 100%);
border-right: 1px solid var(--border-color) !important;
box-shadow: 2px 0 20px rgba(180, 140, 120, 0.04) !important;
}
.conversation-text {
color: var(--text-sub);
transition: color 0.2s;
}
.conversation-text:hover {
color: var(--text-main);
}
.MuiList-root {
background: transparent;
}
/* ═══════════════════════════════════════════════
聊天气泡 💌
═══════════════════════════════════════════════ */
/* AI 气泡 —— 柔白底+暖光晕 */
.bg-gray-100\/90.relative.inline-block {
background: var(--dialogue-bg) !important;
border: 1px solid var(--border-color) !important;
border-radius: var(--border-radius-main) !important;
box-shadow: var(--dialogue-shadow) !important;
transition: box-shadow 0.3s;
}
.bg-gray-100\/90.relative.inline-block:hover {
box-shadow: 0 6px 28px rgba(180, 140, 120, 0.12) !important;
}
/* 用户气泡 —— 暖杏调 */
.chat-container .group .relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
background: linear-gradient(135deg, #fef7f2 0%, #fdf0e4 100%) !important;
border: 1px solid var(--accent-soft) !important;
border-radius: var(--border-radius-main) !important;
}
/* 正文排版 */
.markdown-body {
color: var(--text-main);
font-size: 0.95em;
line-height: 1.8;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
color: var(--text-main);
border-bottom: none;
font-weight: 600;
}
.markdown-body h2::before { content: '🍂 '; font-size: 0.8em; }
.markdown-body h3::before { content: '✨ '; font-size: 0.8em; }
.markdown-body ul, .markdown-body ol { color: var(--text-sub); }
.markdown-body li::marker { color: var(--accent); }
.markdown-body blockquote {
border-left: 3px solid var(--accent-soft);
background: var(--accent-light);
border-radius: 0 var(--border-radius-inner) var(--border-radius-inner) 0;
padding: 10px 16px;
color: var(--text-sub);
}
.markdown-body blockquote::before { content: '💭 '; }
.markdown-body strong {
color: var(--accent);
font-weight: 600;
}
.markdown-body a {
color: var(--accent);
text-decoration: none;
border-bottom: 1px dashed var(--accent-soft);
transition: border-color 0.2s;
}
.markdown-body a:hover { border-bottom-color: var(--accent); }
.markdown-body hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, var(--border-color), transparent);
margin: 24px 0;
}
.markdown-body hr::before {
content: '🌸 ◈ 🌸';
display: block;
text-align: center;
margin-top: -10px;
color: var(--accent-soft);
font-size: 0.8em;
letter-spacing: 8px;
}
.markdown-body table {
border-collapse: collapse;
width: 100%;
border-radius: var(--border-radius-inner);
overflow: hidden;
box-shadow: 0 2px 12px rgba(180, 140, 120, 0.05);
}
.markdown-body table th {
background: linear-gradient(180deg, #fdf5ee, #fdf0e4);
color: var(--text-main);
font-weight: 600;
padding: 8px 14px;
text-align: left;
border-bottom: 2px solid var(--accent-soft);
font-size: 0.9em;
}
.markdown-body table td {
padding: 7px 14px;
border-bottom: 1px solid var(--border-color);
color: var(--text-sub);
font-size: 0.9em;
}
.markdown-body table tr:last-child td { border-bottom: none; }
.markdown-body table tr:nth-child(even) td {
background: rgba(242, 196, 168, 0.08);
}
/* ═══════════════════════════════════════════════
折叠面板(状态栏核心) 🌸
═══════════════════════════════════════════════ */
.markdown-body details {
border: none;
margin: 14px 0;
background: transparent;
overflow: visible;
}
.markdown-body summary {
display: inline-flex;
align-items: center;
padding: 9px 18px;
cursor: pointer;
background: var(--details-header-bg);
color: var(--text-main);
font-weight: 500;
border: 1px solid var(--border-color);
border-radius: 9999px;
box-shadow: 0 2px 6px rgba(180, 140, 120, 0.05);
list-style: none;
transition: all 0.25s;
font-size: 0.92em;
}
.markdown-body summary::-webkit-details-marker { display: none; }
.markdown-body summary:hover {
background: var(--details-header-bg-hover);
border-color: var(--accent);
box-shadow: 0 4px 12px rgba(180, 140, 120, 0.10);
transform: translateY(-1px);
}
/* 折叠图标 —— 用🌸替代三角 */
.markdown-body details summary::before {
content: '🌸';
display: inline-block;
margin-right: 10px;
font-size: 0.75em;
transition: transform 0.3s ease;
transform-origin: center;
}
.markdown-body details[open] > summary::before {
transform: rotate(180deg) scale(1.2);
content: '💮';
}
/* 展开状态 */
.markdown-body details[open] > summary {
background: var(--details-header-bg-hover);
border-color: var(--accent-soft);
}
.markdown-body details > pre,
.markdown-body details > table {
margin-top: 10px;
border: 1px solid var(--border-color);
border-radius: var(--border-radius-inner);
background: var(--content-bg);
overflow-x: auto;
}
/* 记忆区专用 🌙 —— 深色摘要条 */
.markdown-body details summary {
position: relative;
}
.markdown-body details:has(summary:contains("📄")) summary {
background: linear-gradient(135deg, #fdf5ee, #faf0e6);
border-color: var(--accent-soft);
}
.markdown-body details:has(summary:contains("🔍")) summary {
background: #fafaf9;
border-color: #ddd;
opacity: 0.85;
font-size: 0.82em;
}
.markdown-body details:has(summary:contains("🎬")) summary {
background: linear-gradient(135deg, #f0f4fb, #f5f0fb);
border-color: #c8d4e8;
}
/* ═══════════════════════════════════════════════
代码块
═══════════════════════════════════════════════ */
.markdown-body pre {
background: #fdfaf7;
border: 1px solid var(--border-color);
border-left: 3px solid var(--accent-soft);
border-radius: var(--border-radius-inner);
padding: 14px 18px;
font-size: 0.88em;
}
.markdown-body pre code {
color: var(--text-main);
background: transparent;
}
.markdown-body :not(pre) > code {
background: var(--accent-light);
color: var(--accent);
padding: 2px 7px;
border-radius: 5px;
font-size: 0.9em;
font-weight: 500;
}
/* ═══════════════════════════════════════════════
加载动画 💫
═══════════════════════════════════════════════ */
/* 隐藏默认加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
opacity: 0;
pointer-events: none;
}
.flex.items-center.justify-center.w-6.h-5 {
position: relative;
}
/* 自定义旋转银杏叶 */
@keyframes ginkgo-spin {
0% { transform: rotate(0deg) scale(1); }
50% { transform: rotate(180deg) scale(1.15); }
100% { transform: rotate(360deg) scale(1); }
}
@keyframes warm-pulse {
0%, 100% { opacity: 0.5; box-shadow: 0 0 6px rgba(212, 133, 94, 0.3); }
50% { opacity: 1; box-shadow: 0 0 18px rgba(212, 133, 94, 0.6); }
}
#ai-chat-answer .chat-answer-container div:has(> .style_dot-flashing__8L91Q) {
justify-content: flex-start;
width: auto;
height: auto;
}
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q::before,
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q::after {
content: none;
display: none;
}
#ai-chat-answer .chat-answer-container .style_dot-flashing__8L91Q {
background: transparent;
width: 18px;
height: 18px;
box-sizing: border-box;
flex-shrink: 0;
border: 2px solid rgba(212, 133, 94, 0.15);
border-left-color: var(--accent);
border-radius: 50%;
animation: ginkgo-spin 1s ease-in-out infinite,
warm-pulse 2s ease-in-out infinite;
}
/* ═══════════════════════════════════════════════
底部输入区 ✨
═══════════════════════════════════════════════ */
#ai-chat-bottom-input {
background: linear-gradient(0deg, var(--bg-paper) 0%, var(--bg-paper) 80%, transparent 100%);
border-top: 1px solid var(--border-color);
padding-top: 8px;
}
#ai-chat-input, textarea.rc-textarea {
background: var(--bg-default);
border: 2px solid var(--border-color);
border-radius: var(--border-radius-main);
color: var(--text-main);
padding: 10px 16px;
font-size: 0.94em;
transition: border-color 0.3s, box-shadow 0.3s;
caret-color: var(--accent);
}
#ai-chat-input:focus, textarea.rc-textarea:focus {
border-color: var(--accent);
box-shadow: 0 0 0 4px rgba(212, 133, 94, 0.08),
0 0 20px rgba(212, 133, 94, 0.10);
outline: none;
}
#ai-send-button {
background: linear-gradient(135deg, var(--accent), #c0754e);
color: #fff;
border: none;
border-radius: 9999px;
padding: 8px 20px;
font-weight: 600;
box-shadow: 0 4px 14px rgba(212, 133, 94, 0.30);
transition: all 0.25s;
cursor: pointer;
}
#ai-send-button:hover {
box-shadow: 0 6px 22px rgba(212, 133, 94, 0.45);
transform: translateY(-1px);
}
#ai-send-button:active {
transform: scale(0.96);
box-shadow: 0 2px 8px rgba(212, 133, 94, 0.25);
}
.bg-gradient-to-t {
background: transparent !important;
}
/* ═══════════════════════════════════════════════
评论区 🍂
═══════════════════════════════════════════════ */
div[class*="w-full"][class*="bg-white"][class*="bottom-
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "zjeaq3lyms0dzt9urjteckdd.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "nw8gut0myq7dxgzmnb02u8se.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。