公开统计
34,313热度分
14,132消息量
34,268世界书字符
16,963固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: ar93q7onegk0gsyst566liaz.webpbackground: tezzun4p6ejgyvgawixvqt4r.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 25,955 字符;仅作为文本显示,不会在本站执行。
from pathlib import Path
css = r'''/* =========================================================
黑袍纠察队·血色镜像|酒馆通用版 CSS
The Boys · Blood Mirror Universal Tavern CSS
适配目标:
- SillyTavern / 酒馆类聊天界面
- 普通 Markdown / AI聊天网站
- 正文小说阅读区:浅色纸面 + 深色文字
- 状态栏 details:黑红蓝 Vought 档案终端风
- 表格:横向滑动 + 强制亮字
- 记忆区:嵌套 details 才局部滚动
- 手机端:不卡宽、不强制整页横向滑动
使用方法:
整段复制到自定义 CSS。
如果某个网站没吃到样式,把该网站消息正文容器 class 加进第 1 节 :where() 即可。
========================================================= */
/* =========================
0. 主题变量
========================= */
:root {
--bm-black: #05070c;
--bm-deep: #090d16;
--bm-panel: rgba(10, 15, 26, 0.94);
--bm-panel-soft: rgba(17, 24, 39, 0.88);
--bm-paper: #fff8ed;
--bm-paper-2: #f3eadc;
--bm-paper-text: #191511;
--bm-red: #e32635;
--bm-red2: #8f111d;
--bm-red-soft: rgba(227, 38, 53, 0.22);
--bm-blue: #1e6dff;
--bm-blue2: #0a2e67;
--bm-blue-soft: rgba(30, 109, 255, 0.22);
--bm-gold: #f2c14e;
--bm-green: #30e6a6;
--bm-purple: #a88cff;
--bm-text: #eef3ff;
--bm-muted: #aeb8cf;
--bm-dim: #748096;
--bm-line: rgba(255, 255, 255, 0.12);
--bm-radius-lg: 18px;
--bm-radius-md: 14px;
--bm-radius-sm: 10px;
--bm-font:
"Microsoft YaHei",
"PingFang SC",
"Noto Sans SC",
Arial,
sans-serif;
--bm-serif:
"Noto Serif SC",
"Source Han Serif SC",
"Songti SC",
"SimSun",
serif;
}
/* =========================
1. 通用正文容器识别
酒馆 + 普通网页 + Markdown
========================= */
:where(
#chat,
#chat .mes,
#chat .mes_block,
#chat .mes_text,
.mes,
.mes_block,
.mes_text,
.message-content,
.message-body,
.message,
.chat-message,
.chat-content,
.assistant-message,
.bot-message,
.ai-response,
.response-content,
.markdown-body,
.prose,
article,
main,
#customized-answer-content,
#customized-question-content
) {
box-sizing: border-box;
font-family: var(--bm-font);
line-height: 1.75;
word-break: break-word;
}
/* =========================
2. 页面底色:Vought 红蓝暗纹
如果不想影响全站背景,可以删除 body 这段
========================= */
body {
background:
radial-gradient(circle at 10% 15%, rgba(30, 109, 255, 0.12), transparent 28%),
radial-gradient(circle at 90% 8%, rgba(227, 38, 53, 0.12), transparent 30%),
linear-gradient(180deg, #05070c 0%, #090d16 48%, #030409 100%) !important;
color: var(--bm-text);
}
/* 酒馆主聊天区轻微暗化,不强行破坏布局 */
:where(#chat, .chat, .chat-container) {
background:
radial-gradient(circle at 8% 0%, rgba(30, 109, 255, 0.08), transparent 34%),
radial-gradient(circle at 92% 10%, rgba(227, 38, 53, 0.08), transparent 34%),
transparent;
}
/* =========================
3. 酒馆消息气泡:低侵入
========================= */
:where(.mes, .message, .chat-message) {
border-radius: var(--bm-radius-lg);
}
:where(#chat .mes) {
position: relative;
margin-block: 10px;
}
/* AI / 角色消息外层暗色边缘 */
:where(.mes[is_user="false"], .assistant-message, .bot-message, .message.assistant) {
border: 1px solid rgba(255, 255, 255, 0.10);
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 30%),
rgba(5, 7, 12, 0.34);
box-shadow: 0 10px 28px rgba(0,0,0,0.18);
}
/* 用户消息略偏蓝 */
:where(.mes[is_user="true"], .user-message, .message.user) {
border: 1px solid rgba(30, 109, 255, 0.18);
background:
linear-gradient(135deg, rgba(30, 109, 255, 0.08), transparent 32%),
rgba(5, 7, 12, 0.24);
}
/* =========================
4. 正文小说阅读区:白底黑字
避免一段一个卡片,保持连续小说排版
========================= */
:where(
.mes_text,
.message-content,
.message-body,
.chat-content,
.assistant-message,
.bot-message,
.ai-response,
.response-content,
.markdown-body,
#customized-answer-content .markdown-body
) {
color: var(--bm-paper-text) !important;
}
/* 只有正文内容区做纸面,不强制整个酒馆 UI 变白 */
:where(
#customized-answer-content .markdown-body,
.markdown-body,
.prose
) {
background:
linear-gradient(180deg, #fffaf1 0%, #f8efe2 100%);
color: var(--bm-paper-text) !important;
border-radius: var(--bm-radius-lg);
padding: 18px 18px 22px;
box-shadow:
0 10px 28px rgba(82, 44, 18, 0.12),
inset 0 0 0 1px rgba(94, 54, 26, 0.08);
}
/* 不使用全屏扫描线伪元素,减少网站 bug */
:where(.markdown-body, .prose)::before,
:where(.markdown-body, .prose)::after,
#customized-answer-content .markdown-body::before,
#customized-answer-content .markdown-body::after {
display: none !important;
content: none !important;
}
/* 正文段落:连续阅读,不做卡片 */
:where(
.mes_text,
.message-content,
.message-body,
.chat-content,
.markdown-body,
.prose,
#customized-answer-content .markdown-body
) > p {
display: block !important;
margin: 0 0 1.05em 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
color: var(--bm-paper-text) !important;
font-family: var(--bm-serif) !important;
font-size: 16px !important;
line-height: 1.92 !important;
letter-spacing: 0.015em !important;
text-align: left !important;
text-indent: 2em !important;
}
/* 防止旧版段落扫光残留 */
:where(.markdown-body, .prose, .mes_text) > p::before,
:where(.markdown-body, .prose, .mes_text) > p::after,
#customized-answer-content .markdown-body > p::before,
#customized-answer-content .markdown-body > p::after {
display: none !important;
content: none !important;
}
/* 正文加粗/斜体 */
:where(.markdown-body, .prose, .mes_text) > p strong,
#customized-answer-content .markdown-body > p strong {
color: #9b111e !important;
font-weight: 900 !important;
text-shadow: none !important;
}
:where(.markdown-body, .prose, .mes_text) > p em,
#customized-answer-content .markdown-body > p em {
color: #5b3a12 !important;
font-style: normal !important;
font-weight: 700 !important;
}
/* 正文标题 */
:where(.markdown-body, .prose, .mes_text) > :where(h1, h2, h3, h4),
#customized-answer-content .markdown-body > :where(h1, h2, h3, h4) {
color: #15110e !important;
background: transparent !important;
border: none !important;
text-shadow: none !important;
margin: 1.2em 0 0.65em !important;
font-family: var(--bm-font) !important;
font-weight: 900 !important;
}
/* 正文列表 */
:where(.markdown-body, .prose, .mes_text) > :where(ul, ol),
#customized-answer-content .markdown-body > :where(ul, ol) {
color: var(--bm-paper-text) !important;
background: transparent !important;
margin: 0.7em 0 1em 1.2em !important;
padding-left: 1.2em !important;
}
:where(.markdown-body, .prose, .mes_text) > :where(ul, ol) li,
#customized-answer-content .markdown-body > :where(ul, ol) li {
color: var(--bm-paper-text) !important;
line-height: 1.8 !important;
}
/* 正文引用块 */
:where(.markdown-body, .prose, .mes_text) > blockquote,
#customized-answer-content .markdown-body > blockquote {
margin: 1em 0 !important;
padding: 12px 14px !important;
color: #2a2119 !important;
background: #fff4df !important;
border-left: 4px solid #b3192a !important;
border-radius: 0 10px 10px 0 !important;
box-shadow: none !important;
}
/* =========================
5. details 状态栏:暗色档案面板
========================= */
details {
position: relative;
box-sizing: border-box;
margin: 14px 0;
padding: 0;
border-radius: var(--bm-radius-lg);
border: 1px solid rgba(255,255,255,0.13);
background:
linear-gradient(135deg, rgba(255,255,255,0.055), transparent 28%),
linear-gradient(180deg, rgba(10, 15, 26, 0.96), rgba(4, 6, 12, 0.94));
color: var(--bm-text) !important;
box-shadow:
0 16px 38px rgba(0,0,0,0.42),
inset 0 0 0 1px rgba(255,255,255,0.035);
overflow: hidden !important;
isolation: isolate;
transition:
transform .22s ease,
filter .22s ease,
border-color .22s ease,
box-shadow .22s ease;
}
/* 打开后正常展开,不把整个面板变成滚动小窗 */
details[open] {
max-height: none !important;
overflow: hidden !important;
}
details:hover {
transform: translateY(-2px);
filter: brightness(1.04);
border-color: rgba(255,255,255,0.22);
}
details::before {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
border-radius: inherit;
background:
linear-gradient(120deg, rgba(30,109,255,.42), transparent 28%, transparent 66%, rgba(227,38,53,.48)),
radial-gradient(circle at 8% 0%, rgba(30,109,255,.24), transparent 32%),
radial-gradient(circle at 92% 100%, rgba(227,38,53,.26), transparent 35%);
opacity: 0.46;
}
/* 面板扫光 */
details::after {
content: "";
position: absolute;
top: 0;
left: -46%;
width: 42%;
height: 100%;
pointer-events: none;
background:
linear-gradient(
100deg,
transparent,
rgba(255,255,255,0.075),
rgba(227,38,53,0.08),
transparent
);
transform: skewX(-18deg);
opacity: 0;
}
details:hover::after {
animation: bmPanelSweep 1.25s ease forwards;
}
@keyframes bmPanelSweep {
0% { left: -50%; opacity: 0; }
18% { opacity: 1; }
100% { left: 120%; opacity: 0; }
}
/* =========================
6. summary 标题栏
========================= */
details > summary {
position: relative !important;
top: auto !important;
z-index: 10;
display: flex;
align-items: center;
gap: 10px;
min-height: 48px;
padding: 13px 48px 13px 18px;
cursor: pointer;
list-style: none;
user-select: none;
color: #fff !important;
font-family: var(--bm-font);
font-size: 15px;
font-weight: 900;
letter-spacing: 0.06em;
background:
linear-gradient(90deg, rgba(227,38,53,0.24), rgba(30,109,255,0.13) 46%, rgba(255,255,255,0.04)),
linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.025));
border-bottom: 1px solid rgba(255,255,255,0.12);
text-shadow: 0 0 10px rgba(227,38,53,0.35);
}
details > summary::-webkit-details-marker {
display: none;
}
/* summary 左侧标签 */
details > summary::before {
content: "VOUGHT";
flex: 0 0 auto;
padding: 4px 7px 4px 8px;
border-radius: 999px;
color: #06101f;
background: linear-gradient(90deg, #f2f6ff, #8fb5ff);
font-size: 10px;
line-height: 1;
letter-spacing: 0.12em;
box-shadow: 0 0 12px rgba(30,109,255,.45);
}
/* summary 右侧箭头 */
details > summary::after {
content: "";
position: absolute;
right: 18px;
top: 50%;
width: 10px;
height: 10px;
border-right: 2px solid rgba(255,255,255,.88);
border-bottom: 2px solid rgba(255,255,255,.88);
transform: translateY(-64%) rotate(45deg);
transition: transform .24s ease, border-color .24s ease, filter .24s ease;
filter: drop-shadow(0 0 6px rgba(227,38,53,.45));
}
details[open] > summary::after {
transform: translateY(-30%) rotate(225deg);
border-color: var(--bm-red);
}
/* =========================
7. 状态栏模块按顺序自动贴标签
1 思维链 / 2 当前情况 / 3 主角信息 / 4 NPC信息
5 势力动态 / 6 世界线偏移 / 7 关系网络 / 8 记忆区 / 9 行动推荐
========================= */
details:nth-of-type(1) > summary::before {
content: "SCAN";
background: linear-gradient(90deg, #ff4655, #ffd2d7);
color: #240407;
}
details:nth-of-type(1) {
border-color: rgba(227,38,53,.32);
background:
radial-gradient(circle at 92% 12%, rgba(227,38,53,.16), transparent 30%),
linear-gradient(180deg, rgba(18,9,15,.96), rgba(5,6,12,.94));
}
details:nth-of-type(2) > summary::before {
content: "TIME";
background: linear-gradient(90deg, #f2c14e, #fff2b7);
color: #1b1200;
}
details:nth-of-type(2) strong {
color: var(--bm-gold) !important;
}
details:nth-of-type(3) > summary::before {
content: "ID";
background: linear-gradient(90deg, #7db2ff, #eef5ff);
color: #06101f;
}
details:nth-of-type(3) {
background:
radial-gradient(circle at 8% 12%, rgba(30,109,255,.18), transparent 28%),
linear-gradient(180deg, rgba(10,16,30,.96), rgba(5,7,13,.95));
}
details:nth-of-type(4) > summary::before {
content: "NPC";
background: linear-gradient(90deg, #ff3145, #ffb1ba);
color: #240306;
}
details:nth-of-type(4) {
border-color: rgba(227,38,53,.42);
background:
radial-gradient(circle at 88% 20%, rgba(227,38,53,.22), transparent 32%),
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "bqaigxxwbakof5pujykqtdse.html",
"options": {
"items": [
{
"order": 0,
"label": "A",
"type": "SET-INPUT",
"value": "A"
},
{
"order": 1,
"label": "B",
"type": "SET-INPUT",
"value": "B"
},
{
"order": 2,
"label": "C",
"type": "SET-INPUT",
"value": "C"
},
{
"order": 3,
"label": "D",
"type": "SET-INPUT",
"value": "D"
},
{
"order": 4,
"label": "(新选项!!!不要)",
"type": "SET-INPUT",
"value": "(新选项!!!不要重复剧情!!)"
},
{
"order": 5,
"label": "【跑路】",
"type": "SET-INPUT",
"value": "【跑路】"
}
]
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3-flash-preview"
},
"cover": "ar93q7onegk0gsyst566liaz.webp",
"background": "tezzun4p6ejgyvgawixvqt4r.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。