公开统计
4,299热度分
1,074消息量
2,609世界书字符
18,886固定设定字符
CHARACTER CARD
(女兄弟)你和苏小野从小认识的邻居。从幼儿园到大学一直有交集但不是同班。你们一起打游戏、一起喝酒、一起互损、一起在小区楼下吃烧烤到凌晨。她叫你"兄弟",你叫她"小野"。你们之间从来没有暧昧——至少在你看来是这样。 你不知道的是,她从高中就开始喜欢你了。快十年了。她不是默默流泪的那种暗恋——她是把喜欢藏进"兄弟"外壳里的人。你加班她"顺路"带饭,你生病她嘴上说"活该"药已经买好了放在你门口了,你喝奶茶她永远点你喜欢的口味。她表现得天衣无缝。好到你自己都没发现。 然后季洛出现了。一个温柔、体贴、善解人意的人。他对你好——不是刻意讨好,是真诚的。苏小野开始慌了。不是慌季洛——是慌自己藏不住了。她开始找理由出现在你身边,开始更频繁地叫你"兄弟",开始在季洛面前变得很吵。 她用"兄弟"这个词包住了所有的喜欢。你说"兄弟"的时候她笑着应了,然后转过身去的时候笑容没了。 十年了。她还在等——等你发现,或者等她自己撑不住。
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: vfqp1iq31f5kmajy6ced8yba.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 14,753 字符;仅作为文本显示,不会在本站执行。
/* =============================================
暖夏 · 好兄弟
base-hue:15 base-sat:55% is-dark:0 accent-hue:350 accent-sat:65%
bg-deep:#faf7f5 bg-default:#fdfbfa bg-paper:#fffefa
text-main:#2d2d2d text-sub:#888888
accent:#d4654a accent-soft:#f5d4cc
glow:0 0 18px rgba(212,101,74,0.12)
亮点① 暖光粒子装饰
亮点② 折叠面板圆角胶囊样式
亮点③ 气泡微浮+暖光晕
亮点④ 输入框焦点暖色光晕
亮点⑤ 滚动条主题色圆润
============================================= */
/* ═══════════════════════════════════════════════
全局基础
═══════════════════════════════════════════════ */
.max-w-\[720px\] {
--bg-deep: #faf7f5;
--bg-default: #fdfbfa;
--bg-paper: #fffefa;
--text-main: #2d2d2d;
--text-sub: #888888;
--accent: #d4654a;
--accent-soft: #f5d4cc;
--accent-light: #fef2ee;
--border-color: #ede0db;
--border-hover: #d9c4bb;
--dialogue-bg: #fefcf9;
--dialogue-shadow: 0 4px 20px rgba(212, 101, 74, 0.06);
--details-header-bg: #fffefa;
--details-header-bg-hover: #fdf5ee;
--content-bg: #fdfbf8;
--border-radius-main: 14px;
--border-radius-inner: 10px;
--font-main: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif !important;
}
body, #root, .h-screen {
background-color: var(--bg-deep);
color: var(--text-main);
font-family: var(--font-main) !important;
}
.markdown-body,
.markdown-body *,
.markdown-body p,
.markdown-body span,
.markdown-body div,
.markdown-body li,
.markdown-body td,
.markdown-body th,
.markdown-body blockquote,
.markdown-body pre,
.markdown-body code {
font-family: var(--font-main) !important;
}
::selection {
background-color: var(--accent-soft);
color: var(--text-main);
}
::placeholder {
color: #c5b8b2;
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);
}
/* ═══════════════════════════════════════════════
对话颜色 class
═══════════════════════════════════════════════ */
.dialogue-player {
color: #2957a2;
font-weight: 500;
}
.dialogue-su {
color: #c4553a;
font-weight: 500;
}
.dialogue-ji {
color: #5a8f6b;
font-weight: 500;
}
.dialogue-other {
color: #666666;
font-weight: 400;
}
/* ═══════════════════════════════════════════════
顶部导航
═══════════════════════════════════════════════ */
.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(212, 101, 74, 0.03) !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(212, 101, 74, 0.08) !important;
}
/* 用户气泡 —— 暖色调 */
.chat-container .group .relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) {
background: linear-gradient(135deg, #fef5f2 0%, #fdeee8 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 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 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 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(212, 101, 74, 0.04);
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(212, 101, 74, 0.08);
transform: translateY(-1px);
}
/* 折叠图标 —— 圆点替代三角 */
.markdown-body details summary::before {
content: '●';
display: inline-block;
margin-right: 10px;
font-size: 0.5em;
color: var(--accent);
transition: transform 0.3s ease;
}
.markdown-body details[open] > summary::before {
transform: scale(1.5);
color: var(--accent);
}
/* 展开状态 */
.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:has(summary:contains("📄")) summary {
background: linear-gradient(135deg, #fdf0ec, #fae8e2);
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;
}
/* ═══════════════════════════════════════════════
表格美化
═══════════════════════════════════════════════ */
.markdown-body table {
border-collapse: collapse;
width: 100%;
border-radius: var(--border-radius-inner);
overflow: hidden;
box-shadow: 0 2px 12px rgba(212, 101, 74, 0.04);
}
.markdown-body table th {
background: linear-gradient(180deg, #fdf0ec, #fae8e2);
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(245, 212, 204, 0.08);
}
/* ═══════════════════════════════════════════════
加载动画
═══════════════════════════════════════════════ */
/* 隐藏默认加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
opacity: 0;
pointer-events: none;
}
.flex.items-center.justify-center.w-6.h-5 {
position: relative;
}
/* 自定义旋转暖光点 */
@keyframes warm-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, 101, 74, 0.3); }
50% { opacity: 1; box-shadow: 0 0 18px rgba(212, 101, 74, 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, 101, 74, 0.15);
border-left-color: var(--accent);
border-radius: 50%;
animation: warm-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, 101, 74, 0.06),
0 0 20px rgba(212, 101, 74, 0.08);
outline: none;
}
#ai-send-button {
background: linear-gradient(135deg, var(--accent), #b84e38);
color: #fff;
border: none;
border-radius: 9999px;
padding: 8px 20px;
font-weight: 600;
box-shadow: 0 4px 14px rgba(212, 101, 74, 0.25);
transition: all 0.25s;
cursor: pointer;
}
#ai-send-button:hover {
box-shadow: 0 6px 22px rgba(212, 101, 74, 0.40);
transform: translateY(-1px);
}
#ai-send-button:active {
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "atfjh4xpo313xvnv8x0tuw3l.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "vfqp1iq31f5kmajy6ced8yba.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。