公开统计
225热度分
18消息量
14,110世界书字符
3,556固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: rg7u97xfxe1da23mbigqvv1q.webpbackground: oblcwv5v06yjg5ilqsjj8mjq.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 37,748 字符;仅作为文本显示,不会在本站执行。
/* =========================================
1. 全局重置与基础风格 (纸张/古风质感)
========================================= */
* {
font-family: "宋体", "SimSun", "楷体", "KaiTi", "微软雅黑", "Microsoft YaHei", sans-serif !important;
box-sizing: border-box !important;
-webkit-tap-highlight-color: transparent !important; /* 移除手机端点击高亮 */
}
body, .main-container {
background: linear-gradient(135deg, #f8f4e9 0%, #e8f4f8 50%, #f0f8f0 100%) !important;
color: #5d4037 !important;
font-family: "宋体", "SimSun", serif !important;
line-height: 1.6 !important;
padding: 15px !important;
margin: 0 !important;
min-height: 100vh !important;
overflow-x: hidden !important;
}
/* 标题样式 */
h1, h2, h3, h4 {
color: #8b7355 !important;
border-bottom: 2px solid #a1887f !important;
padding-bottom: 8px !important;
margin-top: 20px !important;
margin-bottom: 16px !important;
font-family: "楷体", "KaiTi", serif !important;
text-shadow: 1px 1px 2px rgba(139, 115, 85, 0.1) !important;
}
/* =========================================
2. 侧边栏面板系统
========================================= */
#panel-container {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
pointer-events: none; z-index: 1000;
}
.panel {
position: fixed !important;
z-index: 1001 !important;
background: linear-gradient(135deg, #ffffff 0%, #f8fdfe 50%, #f5f9ff 100%) !important;
border: 1px solid #a1887f !important;
border-radius: 12px !important;
box-shadow: 2px 2px 12px rgba(139, 115, 85, 0.1) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
overflow: hidden !important;
margin: 0 !important;
width: auto !important;
max-height: 85vh !important;
pointer-events: auto !important;
}
#panel-events, #panel-timeline { left: 0 !important; right: auto !important; }
#panel-characters { right: 0 !important; left: auto !important; }
/* 未展开状态 */
.panel:not([open]) {
max-width: 40px !important; min-width: 40px !important; min-height: 120px !important;
writing-mode: vertical-lr !important; text-orientation: mixed !important;
}
#panel-timeline:not([open]) { top: calc(20% - 60px) !important; left: 10px !important; }
#panel-events:not([open]) { top: calc(40% - 60px) !important; left: 10px !important; }
#panel-characters:not([open]) { top: calc(60% - 60px) !important; right: 10px !important; }
.panel:not([open]) summary {
padding: 15px 8px !important; font-size: 14px !important; text-align: center !important;
white-space: nowrap !important; height: 100% !important; display: flex !important;
align-items: center !important; justify-content: center !important; list-style: none !important;
}
.panel:not([open]) summary::-webkit-details-marker { display: none; }
/* 展开状态 */
.panel[open] {
z-index: 1002 !important;
max-width: 600px !important;
top: 5% !important;
max-height: 90vh !important;
overflow-y: auto !important;
writing-mode: horizontal-tb !important;
}
/* 手机端展开全屏优化 */
@media (max-width: 768px) {
.panel[open] {
top: 2% !important; left: 2% !important; right: 2% !important;
width: 96% !important; max-width: none !important; max-height: 96vh !important;
}
}
#panel-events[open], #panel-timeline[open] { left: 5px !important; }
#panel-characters[open] { right: 5px !important; }
.panel[open] > div, .panel[open] details {
padding: 8px !important; background: #f9f9f9 !important; border-radius: 6px !important;
}
.panel summary {
color: #336666 !important; font-weight: bold !important; cursor: pointer !important;
padding: 8px 10px !important;
background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(121, 134, 203, 0.05) 100%) !important;
border: 1px solid rgba(161, 136, 127, 0.2) !important; border-radius: 8px !important; outline: none !important;
}
/* =========================================
3. 内容块与小说样式
========================================= */
.content-block {
background: linear-gradient(135deg, #ffffff 0%, #f8fdfe 100%) !important;
border-left: 4px solid #a1887f !important;
padding: 18px !important; margin: 14px 0 !important;
border-radius: 8px !important; box-shadow: 2px 2px 10px rgba(139, 115, 85, 0.1) !important;
}
.dialogue {
color: #e65100 !important; font-weight: bold !important; background: rgba(255, 236, 179, 0.3) !important;
padding: 8px 12px !important; border-radius: 8px !important; border-left: 3px solid #ff9800 !important;
margin: 8px 0 !important; font-family: "楷体", "KaiTi", serif !important;
}
.options-list { list-style: none !important; padding: 0 !important; }
.options-list li {
background: #fff !important; margin: 8px 0 !important; padding: 14px !important;
border: 2px solid #a1887f !important; border-radius: 12px !important; cursor: pointer !important;
transition: transform 0.2s !important;
}
.options-list li:hover { transform: translateY(-2px) !important; background: #f1f8e9 !important; }
/* =========================================
4. 微信/终端聊天界面 (手机响应式核心重构)
========================================= */
.pc-wx-wrapper {
display: flex !important;
width: 100% !important;
height: 550px !important; /* 桌面端默认高度 */
background-color: #f5f5f5 !important;
border: 1px solid #d6d6d6 !important;
border-radius: 6px !important;
box-shadow: 0 2px 15px rgba(0,0,0,0.08) !important;
font-family: "Microsoft YaHei", sans-serif !important;
overflow: hidden !important;
position: relative !important;
margin-bottom: 15px !important;
}
/* 隐藏的 Radio (逻辑核心) */
.pc-wx-wrapper input[type="radio"] { display: none !important; }
/* --- 左侧:侧边栏 (联系人) --- */
.wx-sidebar {
width: 200px !important;
background-color: #e6e6e6 !important;
border-right: 1px solid #d6d6d6 !important;
display: flex !important;
flex-direction: column !important;
flex-shrink: 0 !important; /* 防止被压缩 */
overflow-y: auto !important;
transition: width 0.3s ease !important; /* 宽度过渡动画 */
}
/* 搜索栏/顶部 */
.wx-sidebar-top {
padding: 15px 10px !important; background-color: #eee !important;
font-size: 12px !important; color: #999 !important;
border-bottom: 1px solid #dcdcdc !important; height: 50px !important;
display: flex !important; align-items: center !important;
}
/* 联系人条目 (Label) */
.wx-user-item {
display: flex !important;
align-items: center !important;
padding: 12px 10px !important;
cursor: pointer !important;
border-bottom: 1px solid rgba(0,0,0,0.03) !important;
transition: background 0.2s !important;
position: relative !important;
}
.wx-user-item:hover { background-color: #dcdcdc !important; }
/* 头像 */
.wx-avatar {
width: 40px !important; height: 40px !important;
border-radius: 4px !important;
background: linear-gradient(45deg, #999, #bbb) !important;
margin-right: 10px !important;
display: flex !important; align-items: center !important; justify-content: center !important;
color: white !important; font-weight: bold !important; font-size: 16px !important;
flex-shrink: 0 !important;
}
.wx-avatar.sys { background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important; }
.wx-avatar.girl { background: linear-gradient(135deg, #F472B6, #DB2777) !important; }
/* 名字和预览 */
.wx-info { flex: 1 !important; overflow: hidden !important; min-width: 0 !important; }
.wx-name {
display: block !important; font-size: 14px !important; color: #000 !important;
font-weight: 500 !important; margin-bottom: 2px !important;
white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
.wx-preview {
display: block !important; font-size: 12px !important; color: #999 !important;
white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
/* --- 右侧:聊天主窗口 --- */
.wx-main {
flex: 1 !important;
background-color: #f5f5f5 !important;
display: none !important; /* 默认隐藏 */
flex-direction: column !important;
height: 100% !important;
min-width: 0 !important; /* Flexbox 溢出修复 */
}
/* 顶部标题 */
.wx-header {
height: 50px !important;
border-bottom: 1px solid #e7e7e7 !important;
padding: 0 15px !important;
display: flex !important; align-items: center !important; justify-content: space-between !important;
background-color: #f5f5f5 !important;
flex-shrink: 0 !important;
}
.wx-header-title { font-size: 16px !important; font-weight: bold !important; color: #000 !important; }
.wx-header-opts { color: #999 !important; font-size: 20px !important; letter-spacing: 3px !important; }
/* 消息滚动区 */
.wx-scroll-area {
flex: 1 !important;
overflow-y: auto !important;
padding: 15px !important;
background-color: #f5f5f5 !important;
overscroll-behavior: contain !important; /* 防止滚动穿透 */
}
.wx-scroll-area::-webkit-scrollbar { width: 4px !important; }
.wx-scroll-area::-webkit-scrollbar-thumb { background-color: #cdcdcd !important; border-radius: 2px !important; }
/* 底部输入框 */
.wx-input-area {
height: auto !important; min-height: 50px !important;
border-top: 1px solid #e7e7e7 !important;
background-color: #fff !important;
padding: 10px 15px !important;
flex-shrink: 0 !important;
}
.wx-tools { color: #7f7f7f !important; margin-bottom: 5px !important; font-size: 18px !important; }
.wx-fake-input { color: #ccc !important; font-size: 13px !important; height: 30px !important; }
/* 气泡样式 */
.w-row { display: flex !important; margin-bottom: 15px !important; align-items: flex-start !important; }
.w-row.center { justify-content: center !important; margin-bottom: 10px !important; }
.w-time { background: #dadada !important; color: white !important; padding: 3px 8px !important; border-radius: 4px !important; font-size: 12px !important; }
.w-av {
width: 36px !important; height: 36px !important; border-radius: 4px !important;
background: #ccc !important; margin-right: 10px !important; flex-shrink: 0 !important;
display: flex !important; align-items: center !important; justify-content: center !important;
color: white !important; font-size: 12px !important;
}
.w-bub {
background: #ffffff !important; padding: 9px 12px !important; border-radius: 4px !important;
font-size: 14px !important; color: #000 !important; line-height: 1.5 !important;
position: relative !important; max-width: 85% !important; border: 1px solid #ededed !important;
word-wrap: break-word !important;
}
/* 三角 */
.w-row:not(.self) .w-bub::before {
content: "" !important; position: absolute !important; left: -6px !important; top: 12px !important;
border-top: 6px solid transparent !important; border-bottom: 6px solid transparent !important;
border-right: 6px solid #ffffff !important;
}
.w-row.self { flex-direction: row-reverse !important; }
.w-row.self .w-av { margin-right: 0 !important; margin-left: 10px !important; background: #e0e0e0 !important; color: #333 !important; }
.w-row.self .w-bub { background: #95ec69 !important; border-color: #8ad961 !important; }
.w-row.self .w-bub::before {
left: auto !important; right: -5px !important;
border-left: 5px solid #95ec69 !important; border-right: none !important;
}
/* --- 逻辑:选中 Radio 切换界面 --- */
/* 高亮选中的联系人 (桌面端) */
#chat-1:checked ~ .wx-sidebar label[for="chat-1"],
#chat-2:checked ~ .wx-sidebar label[for="chat-2"],
#chat-3:checked ~ .wx-sidebar label[for="chat-3"] {
background-color: #c6c6c6 !important;
}
/* 显示对应的聊天窗口 */
#chat-1:checked ~ .content-1,
#chat-2:checked ~ .content-2,
#chat-3:checked ~ .content-3 {
display: flex !important;
animation: fadeIn 0.2s ease-in-out !important;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
/* =========================================
5. 手机端深度适配 (Media Query)
========================================= */
@media (max-width: 768px) {
.pc-wx-wrapper {
/* 高度适配手机屏幕,避免过长 */
height: 75vh !important;
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "wtwcmkg07oee3vndw1pjuazi.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "rg7u97xfxe1da23mbigqvv1q.webp",
"background": "oblcwv5v06yjg5ilqsjj8mjq.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。