公开统计
482热度分
104消息量
8,843世界书字符
5,064固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: m4fkivqaw0uenvdh35xog8i4.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 7,426 字符;仅作为文本显示,不会在本站执行。
/*
* 「幕末大世界」AI角色扮演UI - v1.1
* 设计师: AI聊天平台UI设计专家
* 特性:
* - 动态血渍背景
* - 天赋悬浮提示框 (Tooltip)
* - 动态家纹装饰
* - 主题切换系统 (default, shinsen, kuge)
*/
/* 容器与变量定义 */
ai {
/* 颜色变量 - 默认主题: 维新之血 */
--c-accent: #b82b2b; /* 核心强调色: 血红 */
--c-gold: #c9a46a; /* 辅助色: 暗金 */
--c-ally: #4caf50; /* 友好关系: 绿 */
--c-hostile: #f44336; /* 敌对关系: 红 */
--c-neutral: #a0a0a0; /* 中立关系: 灰 */
--bg-main: #181a1b; /* 主背景 */
--bg-panel: #222526; /* 面板背景 */
--bg-panel-trans: rgba(34, 37, 38, 0.9); /* 半透明面板背景 */
--c-text: #e0e0e0; /* 主要文本 */
--c-text-sec: #a0a0a0; /* 次要文本 */
--c-border: #4a4a4a; /* 边框 */
--font-serif: 'Noto Serif SC', serif; /* 衬线字体 (标题) */
--font-sans: 'Source Han Sans SC', sans-serif; /* 非衬线字体 (正文) */
/* 基础样式 */
background: var(--bg-main);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%232a2d2e' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
color: var(--c-text);
font: 16px/1.7 var(--font-sans);
display: block;
border-radius: 8px;
overflow: hidden;
position: relative;
border: 1px solid var(--c-border);
}
/* 主题覆盖 */
ai[theme="shinsen"] {
--c-accent: #00a0e9; /* 新选组·诚: 浅葱色 */
}
ai[theme="kuge"] {
--c-accent: #8f77b7; /* 公卿·雅: 藤紫色 */
}
/* 动态血渍背景 */
@keyframes blood-fade {
0%, 100% { opacity: 0; transform: scale(0.95) rotate(-10deg); }
50% { opacity: 0.8; transform: scale(1) rotate(0deg); }
}
ai::after {
content: '';
position: absolute;
top: -10%; right: -20%;
width: 60%;
height: 80%;
background-image: radial-gradient(circle at center,
rgba(120, 20, 20, 0.5) 0%,
rgba(80, 10, 10, 0.3) 30%,
rgba(50, 0, 0, 0.1) 60%,
transparent 80%);
opacity: 0;
pointer-events: none;
z-index: 0;
animation: blood-fade 18s ease-in-out infinite 2s;
}
/* 头部: 时间地点 */
hd {
display: block;
padding: 10px 15px 10px 45px;
font-family: var(--font-serif);
font-size: 0.9em;
color: var(--c-text-sec);
border-bottom: 1px solid var(--c-border);
position: relative;
background: linear-gradient(to right, rgba(0,0,0,0.3), transparent);
}
@keyframes crest-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
hd::before {
content: '';
position: absolute;
left: 10px;
top: 50%;
margin-top: -12px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='currentColor' d='M50,10A40,40,0,0,1,90,50,10,10,0,1,0,70,50,20,20,0,1,0,50,30,10,10,0,0,0,50,10Z'/%3E%3Cpath fill='currentColor' d='M10,50A40,40,0,0,1,50,90,10,10,0,1,0,50,70,20,20,0,1,0,30,50,10,10,0,0,0,10,50Z'/%3E%3Cpath fill='currentColor' d='M50,50a10,10,0,1,0,0,1c-16,0-29-13-29-29,0-5.5,4.5-10,10-10,16.5,0,29,12.5,29,29,0,5.5-4.5,10-10,10Z' transform='rotate(120 50 50)'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
color: var(--c-accent);
opacity: 0.7;
animation: crest-spin 25s linear infinite;
}
/* 正文 */
article {
padding: 10px 15px;
position: relative;
z-index: 1;
}
article p { margin: 0 0 10px 0; }
article p:last-child { margin-bottom: 0; }
/* 状态面板 */
details { margin: 0; border-top: 1px solid var(--c-border); }
details[open] { background: var(--bg-panel); }
details summary {
font-family: var(--font-serif);
font-weight: 700;
color: var(--c-accent);
text-shadow: 0 0 5px var(--c-accent);
padding: 12px 15px;
cursor: pointer;
outline: none;
position: relative;
z-index: 1;
}
details summary::marker { display: none; }
details summary::-webkit-details-marker { display: none; }
details summary::before {
content: '▶';
font-size: 0.8em;
margin-right: 8px;
display: inline-block;
transition: transform 0.2s;
}
details[open] summary::before { transform: rotate(90deg); }
/* 状态面板内容分区 */
details > p {
position: relative;
margin: 0;
padding: 15px 15px 15px 25px;
border-top: 1px dashed var(--c-border);
display: flex;
flex-direction: column;
gap: 6px;
}
details > p:first-of-type { border-top: none; }
/* 分区标题 */
details > p[t]::before {
content: '◆ ' attr(t);
position: absolute;
top: 15px;
left: -10px;
writing-mode: vertical-lr;
text-orientation: upright;
font-family: var(--font-serif);
font-size: 0.9em;
color: var(--c-gold);
background: var(--bg-panel);
padding: 10px 5px;
border: 1px solid var(--c-border);
border-right: none;
border-radius: 8px 0 0 8px;
}
/* 数据行 */
d, f { display: block; font-size: 0.9em; color: var(--c-text-sec); }
f[c="name"] {
font-family: var(--font-serif);
font-size: 1.3em;
font-weight: 700;
color: var(--c-text);
margin-bottom: 5px;
}
d[c="info"] { margin-bottom: 5px; }
/* 体力条 */
d[c="hp"] {
margin-top: 4px;
color: var(--c-text);
}
d[c="hp"]::before {
content: '';
display: block;
height: 6px;
background-color: #333;
background-image: linear-gradient(to right, var(--c-ally) 0%, var(--c-gold) 50%, var(--c-hostile) 100%);
background-size: calc(var(--p, 0) * 1%) 100%; /* 使用p属性控制宽度 */
background-repeat: no-repeat;
border-radius: 3px;
border: 1px solid #222;
margin-top: 4px;
}
/* 关系高亮 */
d[r="ally"] { color: var(--c-ally); }
d[r="hostile"] { color: var(--c-hostile); }
d[r="neutral"] { color: var(--c-neutral); }
d[r]::before {
content: '● ';
font-size: 0.8em;
}
/* 天赋行 & 悬浮提示框 (Tooltip) */
/* 使用方法: 在天赋的<d>标签上添加 data-tip="描述内容" 属性 */
/* 例如: <d data-tip="人斩之业: 暴击率+10% 不屈意志: 某些情况下减伤">天赋: ...</d> */
d[data-tip] {
position: relative;
cursor: help;
}
d[data-tip]:hover::after {
content: attr(data-tip);
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background: var(--bg-panel-trans);
color: var(--c-text);
padding: 8px 12px;
border-radius: 4px;
font-size: 0.85em;
white-space: pre-wrap; /* 支持 \n 或 换行 */
line-height: 1.5;
z-index: 10;
pointer-events: none;
border: 1px solid var(--c-border);
box-shadow: 0 4px 15px rgba(0,0,0,0.5);
backdrop-filter: blur(5px);
width: max-content;
max-width: 250px;
opacity: 1;
visibility: visible;
transition: opacity 0.2s, visibility 0.2s;
}
d[data-tip]::after {
opacity: 0;
visibility: hidden;
}
/* 行动选项 */
p[t="行動選択"] { counter-reset: action; }
a {
display: block;
cursor: pointer;
text-decoration: none;
color: var(--c-text-sec);
transition: all 0.2s ease;
padding-left: 20px;
position: relative;
}
a::before {
counter-increment: action;
content: counter(action) ".";
position: absolute;
left: 0;
color: var(--c-text-sec);
transition: all 0.2s ease;
}
a:hover {
color: var(--c-accent);
transform: translateX(5px);
}
a:hover::before {
color: var(--c-accent);
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "idqg5090x476wc1y7i2fc7o9.html",
"options": {
"items": [
{
"order": 0,
"label": "开始",
"type": "SET-INPUT",
"value": "开始"
}
]
},
"defaultModelSettings": null,
"cover": "m4fkivqaw0uenvdh35xog8i4.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。