公开统计
1,957热度分
698消息量
2,121世界书字符
9,212固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: jwwh4hp8ii49s53oqjmo8iki.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 13,861 字符;仅作为文本显示,不会在本站执行。
/* =============================================
世家二代 · 群聊主题CSS
风格:暗金墨色 + 微信现代聊天界面
============================================= */
/* ===== CSS变量 ===== */
.max-w-$$720px$$ {
--chat-bg: #f0ede8;
--bubble-left-bg: #ffffff;
--bubble-left-border: #ddd6c8;
--bubble-private-bg: #f8f5ef;
--bubble-private-border: #d4c9b0;
--system-bg: rgba(140,110,60,0.08);
--system-color: #8a7e62;
--text-main: #2a2418;
--text-sub: #8a7e62;
--panel: #f5f2ec;
--time-color: #a0987a;
--private-tag-bg: #8a6a3a;
--private-tag-color: #ffffff;
--accent: #8a6a3a;
--accent-soft: #e0d4b8;
--member-card-bg: #ffffff;
--member-card-border: #ddd6c8;
--online-color: #4CAF50;
--new-color: #8a6a3a;
--avatar-size: 36px;
--bubble-radius: 12px;
--card-radius: 16px;
--shadow-soft: 0 1px 3px rgba(140,110,60,0.06);
--nav-bg: #f0ede8;
--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(140,110,60,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-lu {
background: linear-gradient(135deg, #2a2a2a, #1a1a1a);
}
.markdown-body .avatar-lu::after {
content: '陆'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #c0a060; font-size: 16px; font-weight: 700;
}
/* 裴骁 - 暖棕 */
.markdown-body .avatar-pei {
background: linear-gradient(135deg, #b8784e, #8a5a30);
}
.markdown-body .avatar-pei::after {
content: '裴'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 沈淮安 - 青灰 */
.markdown-body .avatar-shen {
background: linear-gradient(135deg, #5a7080, #3a5060);
}
.markdown-body .avatar-shen::after {
content: '沈'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 顾时夜 - 军绿 */
.markdown-body .avatar-gu {
background: linear-gradient(135deg, #4a6040, #2a4020);
}
.markdown-body .avatar-gu::after {
content: '顾'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 江屿 - 钢蓝 */
.markdown-body .avatar-jiang {
background: linear-gradient(135deg, #4a6a8a, #2a4a6a);
}
.markdown-body .avatar-jiang::after {
content: '江'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #fff; font-size: 16px; font-weight: 700;
}
/* 傅珩 - 沉香 */
.markdown-body .avatar-fu {
background: linear-gradient(135deg, #6a4a2a, #4a3015);
}
.markdown-body .avatar-fu::after {
content: '傅'; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); color: #d4b080; font-size: 16px; font-weight: 700;
}
/* 霍景行 - 亮金(扎眼) */
.markdown-body .avatar-huo {
background: linear-gradient(135deg, #d4a020, #a07010);
}
.markdown-body .avatar-huo::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, #a0a0a0, #808080);
}
.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, #c4708a, #a05070);
}
.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-lu { color: #2a2a2a; }
.markdown-body .name-pei { color: #b8784e; }
.markdown-body .name-shen { color: #5a7080; }
.markdown-body .name-gu { color: #4a6040; }
.markdown-body .name-jiang { color: #4a6a8a; }
.markdown-body .name-fu { color: #6a4a2a; }
.markdown-body .name-huo { color: #c09010; }
.markdown-body .name-random { color: #999999; }
.markdown-body .name-player { color: #c4708a; }
.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(140,110,60,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(140,110,60,0.08);
list-style: none;
transition: background-color 0.2s;
}
.markdown-body details:has(> .sidebar-panel) > summary:hover {
background-color: var(--panel);
}
.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(140,110,60,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: var(--panel);
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: var(--chat-bg);
}
.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 #ede8da;
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 #ede8da;
word-break: break-word;
}
.markdown-body .sidebar-panel table th {
background-color: var(--panel);
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 >
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ly6aos4eb8rmbhtag3atzo98.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3.1-pro-preview"
},
"cover": "jwwh4hp8ii49s53oqjmo8iki.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。