公开统计
273热度分
20消息量
15,804世界书字符
5,279固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: x5w26lytygl0rygdfqs82472.webpbackground: aut8neka516evak7boddxgoy.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 9,679 字符;仅作为文本显示,不会在本站执行。
/* ===== 全局容器 - 半粉半白主题 ===== */
.story-metadata-display {
--primary-color: #3a2a2a;
--secondary-color: #FF6B8A;
--accent-color: #FF8A9E;
--bg-start: #FFE4E9;
--bg-end: #FFF0F3;
--card-bg: rgba(255, 255, 255, 0.75);
--border-color: #FFB6C1;
--shadow-color: rgba(255, 107, 138, 0.12);
font-family: 'Georgia', 'Times New Roman', 'Segoe UI', serif;
color: var(--primary-color);
line-height: 1.5;
max-width: 820px;
margin: 2rem auto;
padding: 2rem 2rem 1.5rem;
background: linear-gradient(145deg, var(--bg-start), var(--bg-end));
border-radius: 28px;
border: 1px solid rgba(255, 182, 193, 0.2);
box-shadow: 0 4px 24px var(--shadow-color);
position: relative;
overflow: hidden;
}
.story-metadata-display::before {
content: '';
position: absolute;
top: -30%;
right: -20%;
width: 70%;
height: 70%;
background: radial-gradient(ellipse, rgba(255, 107, 138, 0.08), transparent 70%);
pointer-events: none;
z-index: 0;
}
.story-metadata-display::after {
content: '♡';
position: absolute;
bottom: 12px;
left: 20px;
font-size: 3.6rem;
color: rgba(255, 107, 138, 0.08);
pointer-events: none;
z-index: 0;
}
.story-metadata-display * {
box-sizing: border-box;
position: relative;
z-index: 1;
}
/* ===== 统一折叠面板 ===== */
.story-metadata-display details.m {
margin-bottom: 0.6rem;
border: 1.5px solid rgba(255, 107, 138, 0.2);
border-radius: 14px;
overflow: hidden;
transition: all 0.2s;
background: #ffffff;
}
.story-metadata-display details.m:hover {
border-color: rgba(255, 107, 138, 0.35);
box-shadow: 0 2px 12px rgba(255, 107, 138, 0.08);
}
/* ===== 摘要(收起时) ===== */
.story-metadata-display details.m summary {
padding: 0.5rem 1.2rem;
font-family: 'Georgia', serif;
font-weight: 700;
font-size: 0.95rem;
color: #d4567a;
cursor: pointer;
background: #FFDCE4;
list-style: none;
display: flex;
align-items: center;
transition: background 0.2s;
user-select: none;
border-bottom: 1.5px solid transparent;
}
.story-metadata-display details.m summary::-webkit-details-marker,
.story-metadata-display details.m summary::marker {
display: none;
}
.story-metadata-display details.m summary:hover {
background: #FFD0DA;
}
.story-metadata-display details.m summary::after {
content: '▶';
margin-left: auto;
font-size: 0.7rem;
color: #d4567a;
transition: transform 0.2s;
}
/* ===== 展开状态 ===== */
.story-metadata-display details.m[open] summary {
background: #FFD0DA;
border-bottom: 1.5px solid rgba(255, 107, 138, 0.2);
}
.story-metadata-display details.m[open] summary::after {
transform: rotate(90deg);
}
/* ===== ★★★ 内容区基础 ===== */
.story-metadata-display details.m .e {
padding: 0.6rem 1.2rem;
font-family: 'Segoe UI', sans-serif;
font-size: 0.88rem;
color: #3a2a2a;
line-height: 1.7;
background: #FFFFFF;
}
/* ===== ★★★ 状态栏专用(含 span):使用网格 ===== */
.story-metadata-display details.m .e:has(span) {
display: grid !important;
grid-template-columns: 4.5rem 1fr;
gap: 0.08rem 0.8rem;
align-items: baseline;
}
.story-metadata-display details.m .e:has(span) span:nth-child(odd) {
font-weight: 500;
color: #b88a92;
text-align: right;
font-size: 0.82rem;
padding-right: 0.5rem;
grid-column: 1 / 2;
}
.story-metadata-display details.m .e:has(span) span:nth-child(even) {
color: #3a2a2a;
font-weight: 400;
text-align: left;
font-size: 0.88rem;
grid-column: 2 / 3;
}
.story-metadata-display details.m .e:has(span) br {
display: none;
}
.story-metadata-display details.m .e:has(span) > div:not(:first-child) {
font-weight: 600;
color: #b88a92;
font-size: 0.82rem;
grid-column: 1 / -1;
margin-top: 0.25rem;
padding-top: 0.08rem;
border-top: 1.5px dashed rgba(255, 107, 138, 0.12);
}
.story-metadata-display details.m .e:has(span) > div:not(:first-child) + span {
grid-column: 2 / 3;
color: #3a2a2a;
font-size: 0.88rem;
margin-left: 0;
}
.story-metadata-display details.m .e:has(span) > div:not(:first-child) + span:nth-child(odd) {
color: #3a2a2a;
font-weight: 400;
text-align: left;
font-size: 0.88rem;
grid-column: 2 / 3;
}
/* ===== ★★★ 记忆区专用 ★★★ ===== */
.story-metadata-display details.m .e.memory {
display: block !important;
padding: 0.6rem 1.2rem;
background: #FFFFFF;
width: 100% !important;
grid-template-columns: none !important;
gap: 0 !important;
}
/* ----- 临时区 ----- */
.story-metadata-display .temp-area {
display: block;
width: 100%;
background: #FFF0F5;
border-left: 4px solid #FF6B8A;
padding: 0.4rem 0.8rem;
margin-bottom: 0.6rem;
border-radius: 0 8px 8px 0;
box-sizing: border-box;
}
/* ----- 永久区 ----- */
.story-metadata-display .perm-area {
display: block;
width: 100%;
background: #F0F4FF;
border-left: 4px solid #8A9EFF;
padding: 0.4rem 0.8rem;
border-radius: 0 8px 8px 0;
min-height: 1.8rem;
box-sizing: border-box;
}
/* ===== ★★★ 记忆区标题 - 显眼版 ★★★ ===== */
.story-metadata-display .title {
font-weight: 800;
font-size: 1.05rem;
display: block;
margin-bottom: 0.3rem;
padding: 0.15rem 0.6rem;
border-radius: 6px;
letter-spacing: 0.5px;
}
/* 临时区标题 - 粉底粉字 */
.story-metadata-display .temp-area .title {
color: #b3405a;
background: #FFDCE4;
border-bottom: 2px solid #FF6B8A;
display: inline-block;
padding: 0.05rem 0.8rem;
border-radius: 4px 4px 0 0;
}
/* 永久区标题 - 蓝底蓝字 */
.story-metadata-display .perm-area .title {
color: #4a6ab8;
background: #DCE6FF;
border-bottom: 2px solid #8A9EFF;
display: inline-block;
padding: 0.05rem 0.8rem;
border-radius: 4px 4px 0 0;
}
/* ===== ★★★ 记忆区记录 - 使用 div.entry,每条独立成行 ★★★ ===== */
.story-metadata-display .entry {
display: block !important;
font-size: 0.88rem;
color: #3a2a2a;
line-height: 2.2 !important;
padding: 0.1rem 0;
margin: 0;
white-space: normal !important;
word-break: break-word;
width: 100% !important;
}
/* 内容文本 */
.story-metadata-display .temp-area,
.story-metadata-display .perm-area {
font-size: 0.88rem;
color: #3a2a2a;
}
/* ===== 正文 ===== */
.story-metadata-display .narrative {
padding: 0.2rem 0 1.2rem;
}
.story-metadata-display .narrative::after {
content: '';
display: block;
width: 40%;
height: 1px;
margin: 1.2rem auto 0;
background: linear-gradient(to right, transparent, rgba(255, 107, 138, 0.15), transparent);
}
.story-metadata-display .narrative p {
font-size: 1.05rem;
color: #3a2a2a;
line-height: 1.9;
margin: 0 0 1rem 0;
text-indent: 2em;
font-weight: 400;
}
/* ===== 移动端 ===== */
@media (max-width: 768px) {
.story-metadata-display {
padding: 1.2rem 0.8rem;
border-radius: 20px;
margin: 1rem 0.4rem;
}
.story-metadata-display details.m .e {
padding: 0.4rem 0.6rem 0.6rem;
}
.story-metadata-display details.m .e:has(span) {
grid-template-columns: 3.8rem 1fr;
gap: 0.05rem 0.4rem;
}
.story-metadata-display details.m .e:has(span) span {
font-size: 0.80rem;
}
.story-metadata-display details.m .e:has(span) span:nth-child(odd) {
font-size: 0.72rem;
}
.story-metadata-display .title {
font-size: 0.95rem;
}
.story-metadata-display .temp-area,
.story-metadata-display .perm-area {
padding: 0.3rem 0.6rem;
font-size: 0.80rem;
}
.story-metadata-display .entry {
font-size: 0.80rem;
line-height: 2 !important;
}
.story-metadata-display .narrative p {
font-size: 0.98rem;
text-indent: 1.5em;
}
}
/* ============================================================
★★★ 加载动画(全局,独立于角色卡) ★★★
============================================================ */
/* 隐藏默认的加载动画 */
.style_dot-flashing__8L91Q {
display: none !important;
}
/* 加载动画容器 */
.chat-message[data-streaming="true"] .flex.items-center.justify-center.w-6.h-5 {
position: relative !important;
width: 48px !important;
height: 24px !important;
overflow: visible !important;
z-index: 1 !important;
background: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* SVG 心形动画 */
.chat-message[data-streaming="true"] .flex.items-center.justify-center.w-6.h-5::before {
content: '' !important;
display: block !important;
width: 48px !important;
height: 24px !important;
background-image: url('data:image/svg+xml;utf8,%3Csvg width="48" height="24" viewBox="0 0 48 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="translate(0, 4)"%3E%3Cpath d="M6,0 C3.5,-2 0,0 1.5,2.5 L6,8 L10.5,2.5 C12,0 8.5,-2 6,0Z" fill="%23FF6B8A"%3E%3CanimateTransform attributeName="transform" type="translate" values="0,0; 0,-3; 0,0" dur="1.2s" repeatCount="indefinite" begin="0s"/%3E%3C/path%3E%3C/g%3E%3Cg transform="translate(18, 4)"%3E%3Cpath d="M6,0 C3.5,-2 0,0 1.5,2.5 L6,8 L10.5,2.5 C12,0 8.5,-2 6,0Z" fill="%23FFB6C1"%3E%3CanimateTransform attributeName="transform" type="translate" values="0,0; 0,-3; 0,0" dur="1.2s" repeatCount="indefinite" begin="0.4s"/%3E%3C/path%3E%3C/g%3E%3Cg transform="translate(36, 4)"%3E%3Cpath d="M6,0 C3.5,-2 0,0 1.5,2.5 L6,8 L10.5,2.5 C12,0 8.5,-2 6,0Z" fill="%23FF6B8A"%3E%3CanimateTransform attributeName="transform" type="translate" values="0,0; 0,-3; 0,0" dur="1.2s" repeatCount="indefinite" begin="0.8s"/%3E%3C/path%3E%3C/g%3E%3C/svg%3E') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
z-index: 0 !important;
}
.chat-message[data-streaming="true"] .flex.items-center.justify-center.w-6.h-5::after {
content: none !important;
}
/* 消息文本层确保在动画之上 */
.chat-message[data-streaming="true"] .markdown-body {
position: relative !important;
z-index: 2 !important;
background: transparent !important;
}{
"renderTemplate": null,
"assistantRegexReplace": [],
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "aeie8q33wktjxh0apyxwlnyh.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "x5w26lytygl0rygdfqs82472.webp",
"background": "aut8neka516evak7boddxgoy.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。