公开统计
703热度分
24消息量
48,959世界书字符
7,041固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
未发现 cover/background 引用。
共 46,547 字符;仅作为文本显示,不会在本站执行。
/* =========================================
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 !
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "j95i0fyt1uxf0a4lj5uxp6u8.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": null,
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。