公开统计
12,021热度分
4,160消息量
2,139世界书字符
9,599固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: j0f7v3d7pusoi6ou5c9d4coi.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 13,494 字符;仅作为文本显示,不会在本站执行。
/* =============================================
姐妹夜话局 · 群聊主题CSS v2
风格:微信现代聊天界面 + 折叠侧边栏
============================================= */
/* ===== CSS变量 ===== */
.max-w-$$720px$$ {
--chat-bg: #f5eef3;
--bubble-left-bg: #ffffff;
--bubble-left-border: #ecdde6;
--bubble-private-bg: #fff5fa;
--bubble-private-border: #f0d4e8;
--system-bg: rgba(168,86,138,0.08);
--system-color: #8a7a82;
--text-main: #2d2028;
--text-sub: #8a7a82;
--panel: #faf5f8;
--time-color: #b0a0a8;
--private-tag-bg: #a8568a;
--private-tag-color: #ffffff;
--accent: #a8568a;
--accent-soft: #f0d4e8;
--member-card-bg: #ffffff;
--member-card-border: #ecdde6;
--online-color: #4CAF50;
--new-color: #a8568a;
--avatar-size: 36px;
--bubble-radius: 12px;
--card-radius: 16px;
--shadow-soft: 0 1px 3px rgba(168,86,138,0.06);
--nav-bg: #f5eef3;
--nav-height: 44px;
}
/* ===== 全局字体 ===== */
.max-w-$$720px$$,
.max-w-$$720px$$ * {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}
/* ===== 手机外框 ===== */
.markdown-body .phone-frame {
max-width: 480px;
margin: 12px auto;
background: #fff;
border-radius: var(--card-radius);
overflow: hidden;
box-shadow: 0 4px 24px rgba(168,86,138,0.08);
}
/* ===== 导航栏 ===== */
.markdown-body .phone-nav {
display: flex;
align-items: center;
height: var(--nav-height);
padding: 0 12px;
background-color: var(--nav-bg);
border-bottom: 1px solid var(--bubble-left-border);
gap: 10px;
}
.markdown-body .nav-back {
font-size: 22px;
font-weight: 300;
color: var(--accent);
line-height: 1;
}
.markdown-body .nav-title {
font-size: 15px;
font-weight: 600;
color: var(--text-main);
flex: 1;
text-align: center;
}
.markdown-body .nav-info {
font-size: 11px;
color: var(--time-color);
white-space: nowrap;
}
/* ===== 群聊消息容器 ===== */
.markdown-body .chat-group {
background-color: var(--chat-bg);
padding: 12px 10px;
min-height: 200px;
}
/* ===== 系统消息 ===== */
.markdown-body .msg-system {
text-align: center;
color: var(--system-color);
font-size: 12px;
padding: 6px 12px;
margin: 8px auto;
background-color: var(--system-bg);
border-radius: 8px;
display: block;
width: fit-content;
max-width: 80%;
}
/* ===== 消息行 ===== */
.markdown-body .msg-row {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
gap: 8px;
}
/* 玩家消息靠右 */
.markdown-body .msg-row.msg-player {
flex-direction: row-reverse;
}
.markdown-body .msg-row.msg-player .msg-content {
text-align: right;
}
.markdown-body .msg-row.msg-player .msg-bubble {
background-color: var(--accent-soft);
border-color: var(--accent-soft);
border-radius: 12px 4px 12px 12px;
}
/* ===== 头像 ===== */
.markdown-body .msg-avatar,
.markdown-body .member-avatar {
width: var(--avatar-size);
height: var(--avatar-size);
min-width: var(--avatar-size);
border-radius: 6px;
flex-shrink: 0;
position: relative;
overflow: hidden;
}
/* 阿炽 - 红粉 */
.markdown-body .avatar-chi {
background: linear-gradient(135deg, #d4506a, #a03040);
}
.markdown-body .avatar-chi::after {
content: '炽'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 鹿鹿 - 粉白 */
.markdown-body .avatar-lu {
background: linear-gradient(135deg, #f5d4dc, #d4a4b4);
}
.markdown-body .avatar-lu::after {
content: '鹿'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 温姐 - 棕色 */
.markdown-body .avatar-wen {
background: linear-gradient(135deg, #8a6a5a, #6a4a3a);
}
.markdown-body .avatar-wen::after {
content: '温'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 酥酥 - 金色 */
.markdown-body .avatar-su {
background: linear-gradient(135deg, #c4a050, #a08030);
}
.markdown-body .avatar-su::after {
content: '酥'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 小盐 - 青色 */
.markdown-body .avatar-yan {
background: linear-gradient(135deg, #7ab5c4, #5a95a4);
}
.markdown-body .avatar-yan::after {
content: '盐'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 茜茜 - 紫色 */
.markdown-body .avatar-qian {
background: linear-gradient(135deg, #6a4a8a, #4a2a6a);
}
.markdown-body .avatar-qian::after {
content: '茜'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 路人 - 灰色 */
.markdown-body .avatar-random {
background: linear-gradient(135deg, #b0b0b0, #909090);
}
.markdown-body .avatar-random::after {
content: '?'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 玩家 - 蓝色 */
.markdown-body .avatar-player {
background: linear-gradient(135deg, #5a8ab5, #3a6a95);
}
.markdown-body .avatar-player::after {
content: '你'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* ===== 消息内容区 ===== */
.markdown-body .msg-content {
max-width: calc(100% - 52px);
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
/* ===== NPC名字颜色 ===== */
.markdown-body .name-chi { color: #d4506a; }
.markdown-body .name-lu { color: #d4a0b4; }
.markdown-body .name-wen { color: #8a6a5a; }
.markdown-body .name-su { color: #c4a050; }
.markdown-body .name-yan { color: #7ab5c4; }
.markdown-body .name-qian { color: #8a6ab5; }
.markdown-body .name-random { color: #999999; }
.markdown-body .name-player { color: #5a8ab5; }
.markdown-body .msg-name {
font-size: 13px;
font-weight: 600;
margin-right: 8px;
}
.markdown-body .msg-time {
font-size: 11px;
color: var(--time-color);
}
/* ===== 消息气泡 ===== */
.markdown-body .msg-bubble {
padding: 9px 14px;
border-radius: var(--bubble-radius);
border-top-left-radius: 4px;
font-size: 14px;
line-height: 1.6;
color: var(--text-main);
word-break: break-word;
background-color: var(--bubble-left-bg);
border: 1px solid var(--bubble-left-border);
box-shadow: var(--shadow-soft);
display: inline-block;
max-width: 100%;
}
/* ===== 私聊气泡 ===== */
.markdown-body .msg-private .msg-bubble {
background-color: var(--bubble-private-bg) !important;
border: 1px dashed var(--bubble-private-border) !important;
}
.markdown-body .msg-private {
margin-top: 6px;
padding-top: 6px;
border-top: 1px dashed rgba(168,86,138,0.15);
}
.markdown-body .msg-private-tag {
font-size: 10px;
background-color: var(--private-tag-bg);
color: var(--private-tag-color);
padding: 1px 6px;
border-radius: 3px;
font-weight: 500;
margin-left: 6px;
}
/* ===== 侧边栏面板(纯CSS折叠) ===== */
/* 隐藏旧轮次的侧边栏 */
.markdown-body details:has(> .sidebar-panel):has(~ details > .sidebar-panel) {
display: none !important;
}
.markdown-body details:has(> .sidebar-panel) {
border: none;
margin: 10px 0;
}
.markdown-body details:has(> .sidebar-panel) > summary {
display: inline-flex;
align-items: center;
padding: 8px 18px;
cursor: pointer;
background-color: #fff;
color: var(--accent);
font-weight: 600;
font-size: 14px;
border: 1px solid var(--bubble-left-border);
border-radius: 9999px;
box-shadow: 0 1px 3px rgba(168,86,138,0.08);
list-style: none;
transition: background-color 0.2s;
}
.markdown-body details:has(> .sidebar-panel) > summary:hover {
background-color: #faf5f8;
}
.markdown-body details:has(> .sidebar-panel) > summary::before {
content: '';
display: none;
}
/* 侧边栏内容容器 */
.markdown-body .sidebar-panel {
background-color: #fff;
border: 1px solid var(--bubble-left-border);
border-radius: 12px;
padding: 8px;
margin-top: 8px;
max-height: 400px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 6px;
box-shadow: 0 2px 8px rgba(168,86,138,0.06);
}
.markdown-body .sidebar-panel::-webkit-scrollbar {
width: 4px;
}
.markdown-body .sidebar-panel::-webkit-scrollbar-thumb {
background-color: var(--accent-soft);
border-radius: 2px;
}
/* 子details */
.markdown-body .sidebar-panel > details {
border: none;
margin: 0;
background-color: transparent;
width: 100%;
box-sizing: border-box;
}
.markdown-body .sidebar-panel > details > summary {
display: flex;
align-items: center;
padding: 8px 12px;
cursor: pointer;
background-color: #faf5f8;
color: var(--accent);
font-weight: 600;
font-size: 13px;
border: 1px solid var(--bubble-left-border);
border-radius: 8px;
list-style: none;
transition: background-color 0.2s;
width: 100%;
box-sizing: border-box;
}
.markdown-body .sidebar-panel > details > summary:hover {
background-color: #f5eef3;
}
.markdown-body .sidebar-panel > details > summary::before {
content: '▶';
display: inline-block;
margin-right: 8px;
font-size: 0.6em;
color: var(--accent);
transition: transform 0.25s ease;
}
.markdown-body .sidebar-panel > details[open] > summary::before {
transform: rotate(90deg);
}
.markdown-body .sidebar-panel > details[open] {
background-color: #fff;
border-radius: 8px;
padding: 8px;
margin-top: 4px;
max-height: 180px;
overflow-y: auto;
}
/* 群成员列表 */
.markdown-body .sidebar-panel .member-list {
display: flex;
flex-direction: column;
gap: 6px;
}
.markdown-body .sidebar-panel .member-card {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 8px;
background-color: #fff;
border: 1px solid #f0e8ee;
border-radius: 8px;
}
.markdown-body .sidebar-panel .member-info {
display: flex;
flex-direction: column;
gap: 1px;
min-width: 0;
}
.markdown-body .sidebar-panel .member-name {
font-size: 12px;
font-weight: 600;
}
.markdown-body .sidebar-panel .member-role {
font-size: 10px;
color: var(--time-color);
}
.markdown-body .sidebar-panel .member-status {
font-size: 10px;
font-weight: 500;
}
.markdown-body .status-online { color: var(--online-color); }
.markdown-body .status-new { color: var(--new-color); }
/* 表格 */
.markdown-body .sidebar-panel table {
table-layout: fixed;
width: 100%;
font-size: 11px;
border-collapse: collapse;
}
.markdown-body .sidebar-panel table th,
.markdown-body .sidebar-panel table td {
padding: 4px 6px;
border: 1px solid #f0e8ee;
word-break: break-word;
}
.markdown-body .sidebar-panel table th {
background-color: #faf5f8;
color: var(--accent);
font-weight: 600;
}
/* ===== 代码块美化隐藏 ===== */
.markdown-body pre > div > div.flex.justify-between > div.text-$$13px$$,
.markdown-body pre > div > div.flex.justify-between > div[class*="text-gray-500"] {
display: none !important;
}
.markdown-body pre > div > div.flex.justify-between {
background-color: transparent !important;
border: none !important;
border-bottom: none !important;
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
height: auto !important;
}
.markdown-body pre > div > div[style*="overflow-x"] {
background-color: transparent !important;
color: #555555 !important;
}
.markdown-body pre code,
.markdown-body code.language-markdown {
background-color: transparent !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
color: #555555 !importa
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "m2g5p77xq1drlo36ir8gq9b4.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3.1-pro-preview"
},
"cover": "j0f7v3d7pusoi6ou5c9d4coi.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。