公开统计
2,624热度分
267消息量
72,669世界书字符
11,770固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: u490e84gkxssgnxn2vjw59ue.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 63,379 字符;仅作为文本显示,不会在本站执行。
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');
/* RiliChat migration: the platform adds .custom-styles automatically. */
/* Panel 主容器样式 */
.rili-markdown-renderer :is(panel, .rc-panel) {
display: block;
background: #fffafa; /* 淡粉色背景衬托 */
border: 1px solid #ffe4e1;
border-radius: 16px;
padding: 20px;
margin: 16px 0;
box-shadow: 0 4px 12px rgba(255, 182, 193, 0.15);
line-height: 2;
color: #555;
font-size: 14px;
}
/* 粉色Q弹圆润气泡前缀 (需在md中将前缀加粗,如 **📅 日期:**) */
.rili-markdown-renderer :is(panel, .rc-panel) strong,
.rili-markdown-renderer :is(panel, .rc-panel) b {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%); /* 粉色渐变 */
color: #fff;
padding: 4px 12px;
border-radius: 20px; /* 圆润效果 */
font-weight: bold;
display: inline-block;
margin-right: 10px;
box-shadow: 0 4px 8px rgba(255, 154, 158, 0.4);
text-shadow: 0 1px 2px rgba(0,0,0,0.1);
/* Q弹动画过渡 */
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
cursor: default;
}
/* 鼠标悬浮时的Q弹效果 */
.rili-markdown-renderer :is(panel, .rc-panel) strong:hover,
.rili-markdown-renderer :is(panel, .rc-panel) b:hover {
transform: scale(1.08) translateY(-2px);
box-shadow: 0 6px 12px rgba(255, 154, 158, 0.6);
}
/* 针对内部段落的间距微调 */
.rili-markdown-renderer :is(panel, .rc-panel) p {
margin-bottom: 12px !important;
}
.rili-markdown-renderer :is(panel, .rc-panel) p:last-child {
margin-bottom: 0 !important;
}
/* 为 panel 内的每一行(段落)底部添加粉色虚线 */
.rili-markdown-renderer :is(panel, .rc-panel) p {
border-bottom: 1px dashed #ffb6c1 !important; /* 核心:粉色虚线 */
padding-bottom: 10px; /* 虚线与文字的间距 */
margin-bottom: 12px !important;
line-height: 1.8;
}
/* 最后一项取消虚线,保持底部整洁 */
.rili-markdown-renderer :is(panel, .rc-panel) p:last-child {
border-bottom: none !important;
margin-bottom: 0 !important;
padding-bottom: 0;
}
/* 确保气泡前缀与虚线排版协调 (保留之前的气泡样式) */
.rili-markdown-renderer :is(panel, .rc-panel) strong,
.rili-markdown-renderer :is(panel, .rc-panel) b {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);
color: #fff;
padding: 4px 12px;
border-radius: 20px;
font-weight: bold;
display: inline-block;
margin-right: 10px;
box-shadow: 0 4px 8px rgba(255, 154, 158, 0.4);
text-shadow: 0 1px 2px rgba(0,0,0,0.1);
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
cursor: default;
}
.rili-markdown-renderer :is(panel, .rc-panel) strong:hover,
.rili-markdown-renderer :is(panel, .rc-panel) b:hover {
transform: scale(1.08) translateY(-2px);
box-shadow: 0 6px 12px rgba(255, 154, 158, 0.6);
}
/* 地图面板主容器居中包裹 */
.rili-markdown-renderer :is(panel, .rc-panel) .map-panel-container {
display: flex;
justify-content: center;
padding: 15px 0;
}
/* 3x3 网格布局核心 */
.rili-markdown-renderer :is(panel, .rc-panel) .map-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px; /* 单元格之间的间距 */
width: 100%;
max-width: 360px; /* 控制地图整体大小,使其精致 */
}
/* 基础单元格 - Q弹浅蓝色 */
.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell {
background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%); /* 浅蓝色清新渐变 */
color: #00838f; /* 深青色文字保证对比度 */
padding: 12px 8px;
text-align: center;
border-radius: 12px;
font-weight: bold;
font-size: 13px;
box-shadow: 0 4px 8px rgba(0, 188, 212, 0.15);
cursor: pointer;
/* 核心:Q弹动画曲线 */
transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
border: 2px solid #80deea;
display: flex;
align-items: center;
justify-content: center;
min-height: 70px; /* 保证单元格有足够的高度 */
word-break: break-word;
}
/* 基础单元格悬浮Q弹效果 */
.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell:hover {
transform: scale(1.08) translateY(-4px);
box-shadow: 0 8px 16px rgba(0, 188, 212, 0.3);
background: linear-gradient(135deg, #b2ebf2 0%, #80deea 100%);
z-index: 2; /* 悬浮时层级提高,避免被遮挡 */
position: relative;
}
/* 中心单元格(User所在) - 粉色高亮覆盖 */
.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell.center {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%) !important;
color: #fff !important;
border-color: #ffb6c1 !important;
box-shadow: 0 4px 12px rgba(255, 154, 158, 0.5) !important;
/* 默认状态下就稍微放大一点以示强调 */
transform: scale(1.02);
z-index: 1;
}
/* 中心单元格悬浮效果增强 */
.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell.center:hover {
transform: scale(1.12) translateY(-5px);
box-shadow: 0 10px 20px rgba(255, 154, 158, 0.7) !important;
}
/* 针对叙事容器的基础设定 */
.rili-markdown-renderer .narrative {
/* 采用可爱、圆润的二次元风格字体栈 */
font-family: 'ZCOOL KuaiLe', 'Nunito', 'Comic Sans MS', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
color: #5c4b51; /* 采用柔和的深灰/棕色,避免纯黑色的生硬感 */
font-size: 16px;
line-height: 1.8; /* 宽松的行高,增加排版的呼吸感和活泼度 */
letter-spacing: 1px; /* 适当的字间距让文字看起来更清爽 */
background-color: #fffaf0; /* 可选:搭配一个非常淡的暖色背景,增强温馨感 */
padding: 20px;
border-radius: 12px; /* 圆角边框呼应可爱的字体 */
border: 2px dashed #ffb6c1; /* 浅粉色虚线边框,增加二次元手账感 */
}
/* 针对段落标签的具体设定 */
.rili-markdown-renderer .narrative p {
margin: 0 0 1.2em 0; /* 段落间留白 */
text-shadow: 1px 1px 2px rgba(255, 182, 193, 0.4); /* 添加一点点微弱的粉色文字阴影,让字体更立体可爱 */
}
/* 最后一个段落取消底部边距 */
.rili-markdown-renderer .narrative p:last-child {
margin-bottom: 0;
}
/* 1. 从Google Fonts引入可爱的二次元风格字体:站酷快乐体 */
/* 2. 针对叙事容器应用该字体 */
.rili-markdown-renderer .narrative {
/* 强制优先使用引入的网络字体,并加上后备的可爱英文字体 */
font-family: 'ZCOOL KuaiLe', 'Comic Sans MS', cursive !important;
color: #5c4b51 !important;
font-size: 16px !important;
line-height: 1.8 !important;
letter-spacing: 1px !important;
background-color: #fffaf0 !important;
padding: 20px !important;
border-radius: 12px !important;
border: 2px dashed #ffb6c1 !important;
}
/* 3. 针对段落标签的具体设定 */
.rili-markdown-renderer .narrative p {
margin: 0 0 1.2em 0 !important;
text-shadow: 1px 1px 2px rgba(255, 182, 193, 0.4) !important;
}
/* 4. 最后一个段落取消底部边距 */
.rili-markdown-renderer .narrative p:last-child {
margin-bottom: 0 !important;
}
/* 定义Q弹动画 (Dr. Pyrite's Bouncy Serum) */
@keyframes q-bounce {
0%, 100% { transform: scale(1) translateY(0); }
20% { transform: scale(1.3) translateY(-6px) rotate(-8deg); }
40% { transform: scale(0.8) translateY(2px) rotate(5deg); }
60% { transform: scale(1.15) translateY(-3px) rotate(-3deg); }
80% { transform: scale(0.95) translateY(1px); }
}
/* 绝对精准定位:仅针对页面中【第一个】narrative容器里的【第一个】段落的【第一个】字 */
.rili-markdown-renderer .narrative:first-of-type p:first-of-type::first-letter {
font-size: 3em !important; /* 变得巨大! */
color: #ff69b4 !important; /* 迷人的亮粉色 */
font-weight: 900 !important;
float: left !important;
padding-right: 8px !important;
padding-top: 4px !important;
line-height: 0.8 !important;
/* 厚实的果冻阴影 */
text-shadow: 2px 2px 0px rgba(255, 182, 193, 0.9),
4px 4px 10px rgba(255, 105, 180, 0.6) !important;
/* 注入灵魂:无限循环的Q弹动画 */
animation: q-bounce 2s infinite cubic-bezier(0.28, 0.84, 0.42, 1) !important;
}
/* 确保其他narrative容器的段落首字母保持正常,覆盖掉之前的错误 */
.rili-markdown-renderer .narrative p::first-letter {
font-size: inherit;
color: inherit;
font-weight: inherit;
float: none;
padding: 0;
line-height: inherit;
text-shadow: none;
animation: none;
}
/* 基础设定:所有设备(包括移动端)共享的可爱属性,尺寸保持原样 (1em) */
.rili-markdown-renderer .narrative {
font-size: 1em !important; /* 移动端乖乖保持原本的娇小尺寸 */
font-family: 'ZCOOL KuaiLe', 'Comic Sans MS', cursive !important;
color: #5c4b51 !important;
line-height: 1.8 !important;
letter-spacing: 1px !important;
background-color: #fffaf0 !important;
padding: 20px !important;
border-radius: 12px !important;
border: 2px dashed #ffb6c1 !important;
}
/* 确保段落继承基础尺寸 */
.rili-markdown-renderer .narrative p {
font-size: inherit !important;
margin: 0 0 1.2em 0 !important;
text-shadow: 1px 1px 2px rgba(255, 182, 193, 0.4) !important;
}
/* 🔞 专属生长血清:当屏幕宽度大于 768px(电脑端/宽屏)时,才触发巨大化! */
@media (min-width: 768px) {
.rili-markdown-renderer .narrative {
font-size: 1.5em !important; /* 在宽阔的屏幕上肆意膨胀到1.5倍! */
}
}
/* 隔离容器:强制单行排列,支持横向滑动! */
.rili-markdown-renderer :is(ui, .rc-data-grid) {
display: flex;
flex-wrap: nowrap; /* 核心:绝对不许换行! */
overflow-x: auto; /* 核心:超出屏幕时允许横向滑动 */
gap: 15px; /* 变大后,间距稍微拉开一点更透气 */
margin-top: 20px;
padding: 10px 5px 25px 5px; /* 底部留出足够的空间,防止悬浮放大时被裁切 */
-webkit-overflow-scrolling: touch; /* 让手机端滑动如丝般顺滑 */
scroll-behavior: smooth;
}
/* 隐藏横向滚动条,保持界面极度干净 */
.rili-markdown-renderer :is(ui, .rc-data-grid)::-webkit-scrollbar {
display: none;
}
/* 基础定义 */
.rili-markdown-renderer aside[p] {
--theme-main: #ffb6c1;
--theme-bg: #fff0f5;
--text-main: #5c3a41;
--text-highlight: #d16b80;
position: relative;
font-family: sans-serif;
flex-shrink: 0; /* 核心:绝对不许被 Flex 挤压变形 */
}
/* 核心重构:变得更大、更诱人的方形拍立得 */
.rili-markdown-renderer aside[p] > b {
display: flex;
align-items: flex-end;
justify-content: center;
width: 110px; /* 变大!原本是75px */
height: 110px; /* 变大!原本是75px */
padding-bottom: 6px;
box-sizing: border-box;
background-size: cover;
background-position: center;
color: #ffffff;
font-size: 13px; /* 字体同步放大,保持比例完美 */
font-weight: bold;
letter-spacing: 1px;
/* 极致的文字防瞎设计 */
text-shadow: 0px 1px 2px rgba(0,0,0,0.9), 0px 0px 5px #000;
/* 底部内阴影:托起文字,不改变图片整体色彩 */
box-shadow: inset 0 -30px 25px -15px rgba(0,0,0,0.7), 2px 4px 8px rgba(0,0,0,0.15);
/* 拍立得相纸边框 */
border: 3px solid #ffffff;
border-bottom-width: 10px; /* 底部留白同步加厚 */
border-radius: 3px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
/* 微微的错落倾斜感 */
transform: rotate(-2deg);
}
/* 偶数项反向倾斜 */
.rili-markdown-renderer aside[p]:nth-child(even) > b {
transform: rotate(3deg);
}
/* 鼠标悬浮时的动态反馈:扶正、放大、浮起 */
.rili-markdown-renderer aside[p] > b:hover {
transform: scale(1.1) rotate(0deg);
z-index: 10;
box-shadow: inset 0 -30px 25px -15px rgba(0,0,0,0.7), 4px 10px 20px rgba(0,0,0,0.3);
}
/* 注入灵魂图片 */
aside[p="1"] > b { background-image: url('https://i.postimg.cc/fTgNyQq8/629142ef0dd453965f19ad44a2613491.jpg'); }
aside[p="2"] > b { background-image: url('https://i.postimg.cc/fRth0q6d/36b68b8cb1806ae08976b0778194c7ee.jpg'); }
aside[p="3"] > b { background-image: url('https://i.postimg.cc/907nQsD6/9f3bb30afcbeae8ce69d14931cb626e2.jpg'); }
aside[p="4"] > b { background-image: url('https://i.postimg.cc/g0VQvC4L/ba7c89e9f2c7c29b81b2130bbdb8fd5f.jpg'); }
/* --- 面板滑出逻辑(保持不变) --- */
.rili-markdown-renderer aside[p] > section {
position: fixed;
top: 0;
right: -120%;
width: 85vw;
max-width: 320px;
height: 100vh;
background: linear-gradient(to bottom, var(--theme-bg), #ffffff);
box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
z-index: 999;
padding: 50px 20px 20px;
box-sizing: border-box;
opacity: 0;
visibility: hidden;
overflow-y: auto;
color: var(--text-main);
font-size: 14px;
line-height: 1.6;
text-align: left;
transition: right 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
opacity 0.4s ease,
visibility 0.5s;
/* 修复面板内文字可能继承倾斜的问题 */
transform: none !important;
}
.rili-markdown-renderer aside[p]:hover > section,
.rili-markdown-renderer aside[p]:active > section {
right: 0;
opacity: 1;
visibility: visible;
}
/* --- 内部细节排版美化 --- */
.rili-markdown-renderer aside[p] > section strong { color: var(--text-highlight); font-weight: 600; }
.rili-markdown-renderer aside[p] > section br { display: block; content: ""; margin-top: 8px; }
/* p=2 和 p=3 的折叠面板美化 */
.rili-markdown-renderer aside[p] det
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": [],
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "lamrou7r25he3jhwxp0h9va8.html",
"options": {
"items": [
{
"order": 0,
"label": "存档",
"type": "SET-INPUT",
"value": "【生成存档】"
}
]
},
"defaultModelSettings": null,
"cover": "u490e84gkxssgnxn2vjw59ue.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。