公开统计
6,364热度分
1,100消息量
59,646世界书字符
7,910固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: w9n04euse2bizb3td3azgpbm.webpbackground: qo0xw4oyq527r4dspvtacaoi.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 18,537 字符;仅作为文本显示,不会在本站执行。
/* =========================================================
* 《绯月怪谈·2018 县城诡录》 (Rilichat 深度适配版)
* 怪奇凄美 × 深夜校园 × 压抑叙事
* ======================================================= */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;600;800&family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap');
:root {
--cm-bg-dark: #1a0f26;
--cm-bg-darker: #0f0817;
--cm-blood: #8b0000;
--cm-blood-light: rgba(139, 0, 0, 0.4);
--cm-gold: #d4af37;
--cm-brass: rgba(139, 109, 61, 0.4);
--cm-text-main: #c5b3d9;
--cm-text-muted: #a389bd;
--cm-purple: rgba(75, 0, 130, 0.2);
}
/* === 0. 全局背景:深夜校园 === */
body::before {
content: '';
position: fixed;
inset: 0;
z-index: -9999;
background:
radial-gradient(circle at 10% 20%, rgba(75, 0, 130, 0.3), transparent 50%),
radial-gradient(circle at 90% 80%, rgba(139, 0, 0, 0.2), transparent 50%),
linear-gradient(180deg, #0a0612, #1a0f26);
animation: bgShift 20s ease-in-out infinite alternate;
}
@keyframes bgShift {
0% { filter: hue-rotate(0deg); }
100% { filter: hue-rotate(15deg); }
}
/* === 1. 全局字体与排版 (覆盖 Rilichat 默认字体) === */
.rili-markdown-renderer {
color: var(--cm-text-main) !important;
font-family: 'M PLUS Rounded 1c', 'Noto Sans SC', sans-serif !important;
letter-spacing: 0.3px !important;
}
.rili-markdown-renderer p,
.rili-markdown-renderer li,
.rili-markdown-renderer span,
.rili-markdown-renderer div,
.rili-markdown-renderer blockquote {
font-size: 16px !important;
line-height: 1.8 !important;
font-family: 'M PLUS Rounded 1c', 'Noto Sans SC', sans-serif !important;
color: var(--cm-text-muted) !important;
}
.rili-markdown-renderer pre,
.rili-markdown-renderer code {
font-family: 'JetBrains Mono', monospace !important;
}
/* 诡异标题 */
.rili-markdown-renderer h1,
.rili-markdown-renderer h2,
.rili-markdown-renderer h3 {
font-family: 'Ma Shan Zheng', serif !important;
color: var(--cm-gold) !important;
font-weight: 700 !important;
margin: 0 0 16px !important;
padding-bottom: 8px;
border-bottom: 2px solid rgba(139, 0, 0, 0.5) !important;
text-shadow: 0 0 10px rgba(212, 175, 55, 0.4), 0 2px 4px rgba(0, 0, 0, 0.8);
position: relative;
animation: titleGlitch 3s ease-in-out infinite;
}
@keyframes titleGlitch {
0%, 90%, 100% { transform: translateX(0); }
92% { transform: translateX(-2px); }
94% { transform: translateX(2px); }
96% { transform: translateX(-1px); }
}
.rili-markdown-renderer strong {
color: var(--cm-blood) !important;
font-weight: 700 !important;
background: linear-gradient(to top, rgba(139, 0, 0, 0.2) 50%, transparent 50%);
text-shadow: 0 0 5px rgba(139, 0, 0, 0.5);
}
/* === 2. 聊天气泡:诡异档案袋与血管脉动 === */
.is-user > div,
.is-assistant > div {
position: relative !important;
background: linear-gradient(135deg, var(--cm-bg-dark) 0%, var(--cm-bg-darker) 100%) !important;
border-radius: 16px !important;
padding: 24px !important;
border: 2px solid var(--cm-blood-light) !important;
box-shadow: 0 0 30px rgba(139, 0, 0, 0.3), inset 0 0 60px rgba(0, 0, 0, 0.5) !important;
overflow: hidden !important;
animation: containerPulse 4s ease-in-out infinite;
z-index: 1;
}
@keyframes containerPulse {
0%, 100% { box-shadow: 0 0 20px rgba(139, 0, 0, 0.3), inset 0 0 40px rgba(0, 0, 0, 0.5); }
50% { box-shadow: 0 0 40px rgba(139, 0, 0, 0.5), inset 0 0 60px rgba(0, 0, 0, 0.7); }
}
/* 气泡内的血管纹理背景 */
.is-user > div::before,
.is-assistant > div::before {
content: '';
position: absolute;
inset: 0;
background-image:
radial-gradient(circle at 20% 30%, rgba(139, 0, 0, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(75, 0, 130, 0.1) 0%, transparent 50%),
repeating-linear-gradient(90deg, transparent 0, transparent 2px, rgba(139, 109, 61, 0.03) 2px, rgba(139, 109, 61, 0.03) 4px);
opacity: 0.6;
animation: veinsFlow 8s linear infinite;
z-index: -1;
pointer-events: none;
}
@keyframes veinsFlow {
0% { background-position: 0 0, 100% 100%, 0 0; }
100% { background-position: 100% 100%, 0 0, 40px 0; }
}
/* 气泡底部操作按钮 (复制, 编辑等) */
.is-assistant > div button,
.is-user > div button {
background: rgba(26, 15, 38, 0.8) !important;
color: var(--cm-gold) !important;
border: 1px solid var(--cm-blood-light) !important;
border-radius: 6px !important;
box-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
transition: all 0.3s ease !important;
}
.is-assistant > div button:hover,
.is-user > div button:hover {
background: rgba(139, 0, 0, 0.4) !important;
color: #ff4444 !important;
border-color: var(--cm-blood) !important;
box-shadow: 0 0 15px rgba(139,0,0,0.6) !important;
}
.is-assistant > div button svg,
.is-user > div button svg {
stroke: var(--cm-gold) !important;
}
/* === 3. 状态栏 (Details):多层诡异边框 === */
.rili-markdown-renderer details {
margin: 16px 0 !important;
border-radius: 12px !important;
background: rgba(26, 15, 38, 0.8) !important;
border: 2px solid var(--cm-brass) !important;
box-shadow: 0 0 20px rgba(139, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.6) !important;
overflow: hidden !important;
position: relative;
animation: detailsBreath 5s ease-in-out infinite;
}
@keyframes detailsBreath {
0%, 100% { border-color: rgba(139, 109, 61, 0.4); box-shadow: 0 0 20px rgba(139, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.6); }
50% { border-color: rgba(139, 0, 0, 0.6); box-shadow: 0 0 35px rgba(139, 0, 0, 0.4), inset 0 0 50px rgba(0, 0, 0, 0.8); }
}
/* 四角符文 */
.rili-markdown-renderer details::before {
content: '◆'; position: absolute; top: 8px; left: 8px; color: rgba(139, 0, 0, 0.3); font-size: 12px; animation: runeRotate 4s linear infinite; pointer-events: none;
}
.rili-markdown-renderer details::after {
content: '◆'; position: absolute; bottom: 8px; right: 8px; color: rgba(139, 0, 0, 0.3); font-size: 12px; animation: runeRotate 4s linear infinite reverse; pointer-events: none;
}
@keyframes runeRotate {
0% { transform: rotate(0deg); opacity: 0.3; }
50% { opacity: 0.6; }
100% { transform: rotate(360deg); opacity: 0.3; }
}
/* 状态栏标题 (Summary) */
.rili-markdown-renderer summary {
padding: 12px 20px !important;
cursor: pointer !important;
background: linear-gradient(90deg, rgba(139, 0, 0, 0.2), rgba(75, 0, 130, 0.2)) !important;
color: var(--cm-gold) !important;
font-weight: 600 !important;
border-bottom: 1px solid rgba(139, 109, 61, 0.3) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rili-markdown-renderer summary::-webkit-details-marker { display: none !important; }
.rili-markdown-renderer summary::before {
content: "❖" !important;
font-size: 1.2rem !important;
color: var(--cm-blood) !important;
margin-right: 10px !important;
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
display: inline-block !important;
text-shadow: 0 0 8px rgba(139, 0, 0, 0.6) !important;
filter: none !important;
}
.rili-markdown-renderer summary:hover {
background: linear-gradient(90deg, rgba(139, 0, 0, 0.4), rgba(75, 0, 130, 0.4)) !important;
box-shadow: 0 0 20px rgba(139, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.05) !important;
transform: translateX(4px);
}
.rili-markdown-renderer summary:hover::before {
transform: scale(1.3) rotate(90deg) !important;
color: #ff4444 !important;
}
.rili-markdown-renderer details[open] > summary::before {
transform: rotate(90deg) !important;
}
/* 展开内容区:幽灵浮现 */
.rili-markdown-renderer details > pre,
.rili-markdown-renderer details > table,
.rili-markdown-renderer details > div {
background: rgba(15, 8, 23, 0.6) !important;
border: none !important;
animation: ghostFadeIn 0.5s ease-out;
}
@keyframes ghostFadeIn {
0% { opacity: 0; transform: translateY(-10px); }
100% { opacity: 1; transform: translateY(0); }
}
/* === 4. 表格:血迹斑驳 === */
.rili-markdown-renderer table {
width: 100% !important;
border-collapse: collapse !important;
margin: 12px 0 !important;
background: rgba(26, 15, 38, 0.6) !important;
border-radius: 8px;
overflow: hidden;
border: 1px solid rgba(139, 0, 0, 0.3) !important;
}
.rili-markdown-renderer th {
background: linear-gradient(90deg, rgba(139, 0, 0, 0.3), rgba(75, 0, 130, 0.3)) !important;
color: var(--cm-gold) !important;
padding: 8px !important;
font-weight: 700 !important;
border: 1px solid rgba(139, 109, 61, 0.2) !important;
}
.rili-markdown-renderer td {
padding: 8px !important;
border: 1px solid rgba(139, 109, 61, 0.2) !important;
color: var(--cm-text-muted) !important;
}
/* === 5. 输入框及周边控件:血月边框 === */
form#prompt-input { background-color: transparent !important; box-shadow: none !important; }
/* 外圈容器 */
div[data-slot="input-group"] {
background: rgba(26, 15, 38, 0.9) !important;
border-radius: 12px !important;
border: 2px solid rgba(139, 0, 0, 0.5) !important;
box-shadow: 0 0 20px rgba(139, 0, 0, 0.3) !important;
transition: all 0.3s ease !important;
}
div[data-slot="input-group"]:focus-within {
border-color: var(--cm-blood) !important;
box-shadow: 0 0 30px rgba(139, 0, 0, 0.6), inset 0 0 15px rgba(139, 0, 0, 0.2) !important;
}
/* 输入框本体 */
#prompt-input textarea {
color: var(--cm-text-main) !important;
font-family: 'M PLUS Rounded 1c', 'Noto Sans SC', sans-serif !important;
}
#prompt-input textarea::placeholder { color: rgba(163, 137, 189, 0.4) !important; }
/* 输入框功能按钮 */
#prompt-input-header button,
#prompt-input-footer button {
background: rgba(15, 8, 23, 0.8) !important;
border: 1px solid rgba(139, 109, 61, 0.3) !important;
color: var(--cm-gold) !important;
border-radius: 6px !important;
box-shadow: 1px 1px 4px rgba(0,0,0,0.5) !important;
transition: all 0.2s ease !important;
}
#prompt-input-header button:hover,
#prompt-input-footer button:hover {
background: linear-gradient(135deg, rgba(139,0,0,0.4), rgba(75,0,130,0.4)) !important;
border-color: var(--cm-blood) !important;
color: #ff4444 !important;
box-shadow: 0 0 10px rgba(139, 0, 0, 0.5) !important;
}
#prompt-input-header button svg, #prompt-input-footer button svg { stroke: var(--cm-gold) !important; }
#prompt-input-header button:hover svg, #prompt-input-footer button:hover svg { stroke: #ff4444 !important; }
#prompt-input-footer .truncate { color: var(--cm-gold) !important; }
#prompt-input-footer button:hover .truncate { color: #ff4444 !important; }
/* 发送按钮特化 - 猩红风格 */
#prompt-input-footer button[type="submit"] {
background: linear-gradient(145deg, #8b0000, #4b0082) !important;
color: var(--cm-gold) !important;
border: 1px solid var(--cm-gold) !important;
box-shadow: 0 0 15px rgba(139,0,0,0.6) !important;
}
#prompt-input-footer button[type="submit"]:hover {
background: linear-gradient(145deg, #a30000, #5c0099) !important;
color: #fff !important;
box-shadow: 0 0 25px rgba(255,0,0,0.8) !important;
}
#prompt-input-footer button[type="submit"] svg { stroke: var(--cm-gold) !important; }
/* === 6. 加载动画:血月脉动与符文旋转 === */
/* 覆盖原版加载容器 */
div:has(> .style_dot-flashing__8L91Q),
.sonner-loading-wrapper {
position: relative !important;
width: 80px !important;
height: 80px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 20px 0 40px 0 !important;
filter: drop-shadow(0 0 15px rgba(139, 0, 0, 0.4)) !important;
}
/* 隐藏原有伪元素与多余内容 */
.style_dot-flashing__8L91Q::before,
.style_dot-flashing__8L91Q::after,
.sonner-spinner {
display: none !important;
}
/* 外层血月脉动圆环 (注入到 Wrapper 的 before) */
div:has(> .style_dot-flashing__8L91Q)::before,
.s
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "gad4hygd5hm0vuxosjppiuxe.html",
"options": {
"items": [
{
"order": 0,
"label": "[差评]",
"type": "SET-INPUT",
"value": "(差评!没有思考过程,也字数不够)"
},
{
"order": 1,
"label": "跑路",
"type": "SET-INPUT",
"value": "【跑路!!!】"
},
{
"order": 2,
"label": "防抢话",
"type": "SET-INPUT",
"value": "【防抢话:ON/OFF】"
}
]
},
"defaultModelSettings": null,
"cover": "w9n04euse2bizb3td3azgpbm.webp",
"background": "qo0xw4oyq527r4dspvtacaoi.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。