公开统计
1,684热度分
254消息量
5,162世界书字符
9,398固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: wo7hs16nh63dh22l4h5nvxzr.webpbackground: d56efoev3d8wjq5p15yx5eer.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 27,144 字符;仅作为文本显示,不会在本站执行。
css
#cg-box {
display: block;
width: 100%;
max-width: 360px;
height: auto;
margin: 0 auto 10px auto;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
transition: opacity 0.4s ease-in-out;
}
css
/* 场景头部 - 暖色仙侠风 */
hd {
display: block;
padding: 10px 16px;
font: 600 15px "楷体", "KaiTi", serif;
color: #fff8e7;
letter-spacing: 2px;
text-align: center;
background: linear-gradient(90deg, rgba(139,90,43,0.85), rgba(180,120,50,0.9), rgba(139,90,43,0.85));
border-bottom: 1px solid #d4af37;
border-radius: 4px 4px 0 0;
position: relative;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
hd::after {
content: "";
position: absolute;
bottom: 0; left: 15%; right: 15%;
height: 1px;
background: linear-gradient(90deg, transparent, #ffd700, transparent);
}
css
/* ===== 仙侠水墨古风 · 侧置栏位 ===== */
/* 容器变量与基础 */
ai {
--dk: #0f0f1a;
--dk2: #1a1a2e;
--gold: #d4af37;
--gold2: #b8960c;
--cyan: #4ecdc4;
--txt: #f0e6d2;
--txt2: #c9b896;
--bdr: #8b7355;
--bg-sb: rgba(15,15,26,0.85);
display: grid;
grid-template-columns: 1fr 38%;
grid-template-rows: auto 1fr;
gap: 0;
font: 15px/1.6 "宋体", "Noto Serif SC", serif;
color: var(--txt);
background: linear-gradient(160deg, var(--dk) 0%, var(--dk2) 100%);
border: 1px solid var(--gold2);
border-radius: 6px;
position: relative;
overflow: hidden;
}
/* 呼吸光效边框动画 */
@keyframes breathe {
0%, 100% { box-shadow: 0 0 8px rgba(212,175,55,0.15), inset 0 0 8px rgba(78,205,196,0.05); }
50% { box-shadow: 0 0 16px rgba(212,175,55,0.3), inset 0 0 12px rgba(78,205,196,0.1); }
}
ai { animation: breathe 4s ease-in-out infinite; }
/* 正文区 */
m {
grid-column: 1;
grid-row: 2;
padding: 16px 20px;
overflow-y: auto;
max-height: 80vh;
}
m article { font-size: 15px; line-height: 1.8; }
m article p { margin: 0 0 12px; text-indent: 2em; }
/* 侧边栏 */
sb {
grid-column: 2;
grid-row: 2;
padding: 10px 12px;
background: var(--bg-sb);
backdrop-filter: blur(6px);
border-left: 1px solid var(--bdr);
overflow-y: auto;
max-height: 80vh;
font-size: 13px;
line-height: 1.5;
}
/* details/summary 样式 */
sb details {
margin: 0 0 6px;
border: 1px solid rgba(139,115,85,0.4);
border-radius: 4px;
overflow: hidden;
}
sb summary {
padding: 7px 10px;
font: 600 13px "楷体", "KaiTi", serif;
color: var(--gold);
cursor: pointer;
background: linear-gradient(90deg, rgba(212,175,55,0.08), transparent);
border-bottom: 1px solid rgba(139,115,85,0.3);
list-style: none;
position: relative;
transition: all 0.3s;
}
sb summary::-webkit-details-marker { display: none; }
sb summary::before {
content: "◆";
margin-right: 6px;
font-size: 10px;
opacity: 0.7;
}
sb summary::after {
content: "";
position: absolute;
bottom: 0; left: 0;
width: 0; height: 1px;
background: var(--gold);
transition: width 0.4s;
}
sb summary:hover {
color: #f0d060;
text-shadow: 0 0 8px rgba(212,175,55,0.5);
}
sb summary:hover::after { width: 100%; }
sb details[open] > summary { background: linear-gradient(90deg, rgba(212,175,55,0.12), transparent); }
/* 分区块 */
sb p[t] {
margin: 0;
padding: 5px 8px;
border-bottom: 1px solid rgba(139,115,85,0.15);
}
sb p[t]:last-child { border-bottom: none; }
/* 字段名标签 */
f {
display: inline-block;
font-size: 11px;
font-weight: 600;
color: var(--gold);
background: rgba(212,175,55,0.1);
padding: 1px 5px;
border-radius: 2px;
margin-right: 4px;
border: 1px solid rgba(212,175,55,0.25);
}
/* 数据行 */
d {
display: block;
padding: 2px 0;
color: var(--txt2);
font-size: 12.5px;
}
/* 内心独白 */
q {
display: block;
padding: 4px 8px;
margin: 4px 0;
border-left: 2px solid var(--cyan);
color: rgba(78,205,196,0.85);
font-style: italic;
font-size: 12px;
background: rgba(78,205,196,0.04);
}
/* 数值条 */
bar {
display: inline-block;
position: relative;
background: rgba(255,255,255,0.08);
border-radius: 3px;
padding: 1px 6px;
font-size: 11px;
min-width: 80px;
overflow: hidden;
}
bar::before {
content: "";
position: absolute;
top: 0; left: 0; bottom: 0;
width: attr(v %);
background: linear-gradient(90deg, var(--cyan), var(--gold));
border-radius: 3px;
opacity: 0.3;
z-index: 0;
}
bar::after {
content: "";
position: absolute;
top: 0; left: 0; bottom: 0;
width: 4px; height: 100%;
background: rgba(255,255,255,0.6);
border-radius: 2px;
animation: barflow 2s linear infinite;
}
@keyframes barflow {
0% { left: -4px; opacity: 0; }
20% { opacity: 1; }
100% { left: 100%; opacity: 0; }
}
/* 分割线 */
sb hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent, var(--bdr), transparent);
margin: 6px 0;
}
/* 行动推荐特殊样式 */
sb p[t="act"] d {
padding: 4px 6px;
margin: 2px 0;
border-radius: 3px;
border: 1px solid rgba(78,205,196,0.15);
background: rgba(78,205,196,0.03);
cursor: default;
transition: all 0.25s;
}
sb p[t="act"] d:hover {
border-color: var(--cyan);
background: rgba(78,205,196,0.1);
color: var(--txt);
text-shadow: 0 0 4px rgba(78,205,196,0.3);
}
/* 选中态 - 金色下划线高亮 */
sb d:target,
sb p[t="act"] d:active {
background: rgba(212,175,55,0.1);
border-color: var(--gold);
box-shadow: inset 0 -2px 0 var(--gold);
}
/* 滚动条美化 */
sb::-webkit-scrollbar,
m::-webkit-scrollbar { width: 4px; }
sb::-webkit-scrollbar-track,
m::-webkit-scrollbar-track { background: transparent; }
sb::-webkit-scrollbar-thumb,
m::-webkit-scrollbar-thumb {
background: var(--bdr);
border-radius: 2px;
}
sb::-webkit-scrollbar-thumb:hover,
m::-webkit-scrollbar-thumb:hover { background: var(--gold); }
/* ===== 移动端适配 ===== */
@media (max-width: 768px) {
ai {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}
hd { grid-column: 1; }
m {
grid-column: 1;
grid-row: 2;
max-height: none;
padding: 12px 14px;
}
sb {
grid-column: 1;
grid-row: 3;
border-left: none;
border-top: 1px solid var(--bdr);
max-height: none;
padding: 8px 10px;
}
}
/* ===== 水墨山纹背景装饰(侧栏顶部) ===== */
sb::before {
content: "";
display: block;
height: 30px;
margin: -10px -12px 8px;
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30' viewBox='0 0 300 30'%3E%3Cpath d='M0 28 Q20 15 40 22 T80 18 T120 24 T160 14 T200 20 T240 16 T280 22 T300 18 L300 30 L0 30Z' fill='%23d4af3708'/%3E%3Cpath d='M0 30 Q35 20 70 26 T140 20 T210 25 T280 18 T300 24 L300 30 L0 30Z' fill='%23d4af3705'/%3E%3C/svg%3E") bottom/cover no-repeat;
opacity: 0.8;
}
/* 法则压制区特殊强调 */
sb p[t="core"] d {
position: relative;
}
sb p[t="core"] > d:nth-child(odd) {
padding-left: 4px;
border-left: 2px solid var(--gold2);
}
sb p[t="core"] > d:nth-child(even) {
padding-left: 12px;
font-size: 11.5px;
color: rgba(78,205,196,0.7);
}
/* 环境压力区 */
sb p[t="env"] {
background: rgba(212,175,55,0.04);
border-radius: 3px;
border: 1px solid rgba(212,175,55,0.15);
}
css
/* ═══════════════════════════════════════════════════════════════
【仙侠画卷主题】- 顶部栏·展卷样式
═══════════════════════════════════════════════════════════════ */
.sticky.w-full.top-0.flex.items-center {
background: linear-gradient(135deg, #3A3F4C 0%, #2C303A 50%, #3A3F4C 100%) !important;
height: 56px !important;
border-top: 1px solid rgba(212, 168, 83, 0.3) !important;
border-bottom: 2px solid #1A1A2E !important;
box-shadow:
0 4px 12px rgba(26, 26, 46, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
#ai-model-selector .group.flex.items-center {
background: linear-gradient(180deg, #F8F6F1 0%, #F0EDE5 100%) !important;
border: 1px solid rgba(26, 26, 46, 0.2) !important;
border-radius: 6px !important;
padding: 6px 14px !important;
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8) !important;
transition: all 0.3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
box-shadow:
inset 0 1px 2px rgba(255, 255, 255, 0.8),
0 0 12px rgba(91, 155, 143, 0.4) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
font-family: "楷体", "KaiTi", "STKaiti", serif !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #1A1A2E !important;
letter-spacing: 1px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
color: #5B9B8F !important;
transition: transform 0.3s ease !important;
}
#header-setting-button {
width: 40px !important;
height: 40px !important;
background: radial-gradient(circle, #A33333 0%, #8B2929 100%) !important;
border: 2px solid #D4A853 !important;
border-radius: 50% !important;
box-shadow: 0 2px 6px rgba(163, 51, 51, 0.4) !important;
transition: all 0.3s ease !important;
}
#header-setting-button:hover {
box-shadow: 0 0 16px rgba(91, 155, 143, 0.6) !important;
transform: scale(1.05) !important;
}
#header-setting-button svg {
color: #F8F6F1 !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
color: #D4A853 !important;
transition: all 0.3s ease !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
background: #A33333 !important;
box-shadow: 0 0 6px rgba(163, 51, 51, 0.6) !important;
}
/* ═══════════════════════════════════════════════════════════════
【仙侠画卷主题】- 开场白选择器·玉简样式
═══════════════════════════════════════════════════════════════ */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
background: linear-gradient(135deg, #5B9B8F 0%, #4A8A7E 100%) !important;
border: 2px solid #2D5A52 !important;
border-radius: 8px !important;
box-shadow: 0 2px 8px rgba(45, 90, 82, 0.3) !important;
transition: all 0.3s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
box-shadow: 0 0 16px rgba(91, 155, 143, 0.5) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
color: #F8F6F1 !important;
}
/* ═══════════════════════════════════════════════════════════════
【仙侠画卷主题】- 按钮栏·法器陈列台
═══════════════════════════════════════════════════════════════ */
#ai-mod-button2 {
background: linear-gradient(180deg, #4A3C2E 0%, #3A2F24 100%) !important;
border-top: 3px solid #5B4A3A !important;
border-radius: 8px 8px 0 0 !important;
padding: 8px 12px !important;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1) !important;
}
#ai-mod-button2 button.MuiButton-root {
background: linear-gradient(180deg, #5B9B8F 0%, #4A8A7E 100%) !important;
border: 1px solid #D4A853 !important;
border-radius: 8px !important;
color: #F8F6F1 !important;
font-family: "楷体", "KaiTi", "STKaiti", serif !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
transition: all 0.3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
box-shadow: 0 0 16px rgba(212, 168, 83, 0.5) !important;
transform: translateY(-2px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
color: #F8F6F1 !important;
}
/* ═══════════════════════════════════════════════════════════════
【仙侠画卷主题】- 底部栏·符纸砚台
═══════════════════════════════════════════════════════════════ */
.bg-gradient-to-t {
background: linear-gradient(180deg, transparent 0%, rgba(44, 48, 58, 0.95) 30%) !important;
}
#ai-chat-bottom-input {
background: linear-gradient(145deg, #3A3F4C 0%, #2C303A 100%) !important;
border: 3px solid #5B9B8F !important;
border-radius: 16px !important;
padding: 4px !important;
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.4),
0 0 0 1px rgba(212, 168, 83, 0.3) !important;
transition: all 0.3s ease !important;
}
#ai-chat-bottom-input:focus-within {
border-color: #7BBFB3 !important;
box-shadow: 0 0 24px rgba(91, 155, 143, 0.5) !important;
}
#ai-chat-input {
background: linear-gradient(180deg, #FDF8E8 0%, #F8F3E0 100%) !important;
border: none !important;
border-radius: 12px !important;
color: #1A1A2E !important
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "jkc6gf6wscgmvpl26x57zn38.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "wo7hs16nh63dh22l4h5nvxzr.webp",
"background": "d56efoev3d8wjq5p15yx5eer.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。