{"id":"ba6db618-8de7-4e71-bafe-26232aec3c39","authorId":"qbTKFMCZ4TYCA2vimJOZ7ItSrBxSw39R","title":"我推的孩子【精品制作】","description":"【超精美UI】、【内置全剧情全人物】、【外置音频内置音频】、【超适配的演艺圈文风与日式轻小说文风】\n\n\n\n\n","background":null,"backgroundWidth":null,"backgroundHeight":null,"cover":"u490e84gkxssgnxn2vjw59ue.webp","coverWidth":null,"coverHeight":null,"introPage":"lamrou7r25he3jhwxp0h9va8.html","changelog":"","createdAt":"2026-08-11T06:22:18.413Z","updatedAt":"2026-08-11T16:25:29.850Z","initPublicAt":"2026-08-11T06:28:56.568Z","renderTemplate":null,"assistantRegexReplace":[],"enableMemorySchema":false,"memorySchema":null,"injectStyles":"@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');\n\n/* RiliChat migration: the platform adds .custom-styles automatically. */\n/* Panel 主容器样式 */\n.rili-markdown-renderer :is(panel, .rc-panel) {\n    display: block;\n    background: #fffafa; /* 淡粉色背景衬托 */\n    border: 1px solid #ffe4e1;\n    border-radius: 16px;\n    padding: 20px;\n    margin: 16px 0;\n    box-shadow: 0 4px 12px rgba(255, 182, 193, 0.15);\n    line-height: 2;\n    color: #555;\n    font-size: 14px;\n}\n\n/* 粉色Q弹圆润气泡前缀 (需在md中将前缀加粗，如 **📅 日期：**) */\n.rili-markdown-renderer :is(panel, .rc-panel) strong,\n.rili-markdown-renderer :is(panel, .rc-panel) b {\n    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%); /* 粉色渐变 */\n    color: #fff;\n    padding: 4px 12px;\n    border-radius: 20px; /* 圆润效果 */\n    font-weight: bold;\n    display: inline-block;\n    margin-right: 10px;\n    box-shadow: 0 4px 8px rgba(255, 154, 158, 0.4);\n    text-shadow: 0 1px 2px rgba(0,0,0,0.1);\n    /* Q弹动画过渡 */\n    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); \n    cursor: default;\n}\n\n/* 鼠标悬浮时的Q弹效果 */\n.rili-markdown-renderer :is(panel, .rc-panel) strong:hover,\n.rili-markdown-renderer :is(panel, .rc-panel) b:hover {\n    transform: scale(1.08) translateY(-2px);\n    box-shadow: 0 6px 12px rgba(255, 154, 158, 0.6);\n}\n\n/* 针对内部段落的间距微调 */\n.rili-markdown-renderer :is(panel, .rc-panel) p {\n    margin-bottom: 12px !important;\n}\n.rili-markdown-renderer :is(panel, .rc-panel) p:last-child {\n    margin-bottom: 0 !important;\n}\n/* 为 panel 内的每一行（段落）底部添加粉色虚线 */\n.rili-markdown-renderer :is(panel, .rc-panel) p {\n    border-bottom: 1px dashed #ffb6c1 !important; /* 核心：粉色虚线 */\n    padding-bottom: 10px; /* 虚线与文字的间距 */\n    margin-bottom: 12px !important;\n    line-height: 1.8;\n}\n\n/* 最后一项取消虚线，保持底部整洁 */\n.rili-markdown-renderer :is(panel, .rc-panel) p:last-child {\n    border-bottom: none !important;\n    margin-bottom: 0 !important;\n    padding-bottom: 0;\n}\n\n/* 确保气泡前缀与虚线排版协调 (保留之前的气泡样式) */\n.rili-markdown-renderer :is(panel, .rc-panel) strong,\n.rili-markdown-renderer :is(panel, .rc-panel) b {\n    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);\n    color: #fff;\n    padding: 4px 12px;\n    border-radius: 20px;\n    font-weight: bold;\n    display: inline-block;\n    margin-right: 10px;\n    box-shadow: 0 4px 8px rgba(255, 154, 158, 0.4);\n    text-shadow: 0 1px 2px rgba(0,0,0,0.1);\n    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); \n    cursor: default;\n}\n\n.rili-markdown-renderer :is(panel, .rc-panel) strong:hover,\n.rili-markdown-renderer :is(panel, .rc-panel) b:hover {\n    transform: scale(1.08) translateY(-2px);\n    box-shadow: 0 6px 12px rgba(255, 154, 158, 0.6);\n}\n\n\n/* 地图面板主容器居中包裹 */\n.rili-markdown-renderer :is(panel, .rc-panel) .map-panel-container {\n    display: flex;\n    justify-content: center;\n    padding: 15px 0;\n}\n\n/* 3x3 网格布局核心 */\n.rili-markdown-renderer :is(panel, .rc-panel) .map-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px; /* 单元格之间的间距 */\n    width: 100%;\n    max-width: 360px; /* 控制地图整体大小，使其精致 */\n}\n\n/* 基础单元格 - Q弹浅蓝色 */\n.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell {\n    background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%); /* 浅蓝色清新渐变 */\n    color: #00838f; /* 深青色文字保证对比度 */\n    padding: 12px 8px;\n    text-align: center;\n    border-radius: 12px;\n    font-weight: bold;\n    font-size: 13px;\n    box-shadow: 0 4px 8px rgba(0, 188, 212, 0.15);\n    cursor: pointer;\n    /* 核心：Q弹动画曲线 */\n    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); \n    border: 2px solid #80deea;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 70px; /* 保证单元格有足够的高度 */\n    word-break: break-word;\n}\n\n/* 基础单元格悬浮Q弹效果 */\n.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell:hover {\n    transform: scale(1.08) translateY(-4px);\n    box-shadow: 0 8px 16px rgba(0, 188, 212, 0.3);\n    background: linear-gradient(135deg, #b2ebf2 0%, #80deea 100%);\n    z-index: 2; /* 悬浮时层级提高，避免被遮挡 */\n    position: relative;\n}\n\n/* 中心单元格(User所在) - 粉色高亮覆盖 */\n.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell.center {\n    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%) !important;\n    color: #fff !important;\n    border-color: #ffb6c1 !important;\n    box-shadow: 0 4px 12px rgba(255, 154, 158, 0.5) !important;\n    /* 默认状态下就稍微放大一点以示强调 */\n    transform: scale(1.02); \n    z-index: 1;\n}\n\n/* 中心单元格悬浮效果增强 */\n.rili-markdown-renderer :is(panel, .rc-panel) .map-grid .cell.center:hover {\n    transform: scale(1.12) translateY(-5px);\n    box-shadow: 0 10px 20px rgba(255, 154, 158, 0.7) !important;\n}\n\n\n\n\n\n\n\n/* 针对叙事容器的基础设定 */\n.rili-markdown-renderer .narrative {\n    /* 采用可爱、圆润的二次元风格字体栈 */\n    font-family: 'ZCOOL KuaiLe', 'Nunito', 'Comic Sans MS', 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;\n    color: #5c4b51; /* 采用柔和的深灰/棕色，避免纯黑色的生硬感 */\n    font-size: 16px;\n    line-height: 1.8; /* 宽松的行高，增加排版的呼吸感和活泼度 */\n    letter-spacing: 1px; /* 适当的字间距让文字看起来更清爽 */\n    background-color: #fffaf0; /* 可选：搭配一个非常淡的暖色背景，增强温馨感 */\n    padding: 20px;\n    border-radius: 12px; /* 圆角边框呼应可爱的字体 */\n    border: 2px dashed #ffb6c1; /* 浅粉色虚线边框，增加二次元手账感 */\n}\n\n/* 针对段落标签的具体设定 */\n.rili-markdown-renderer .narrative p {\n    margin: 0 0 1.2em 0; /* 段落间留白 */\n    text-shadow: 1px 1px 2px rgba(255, 182, 193, 0.4); /* 添加一点点微弱的粉色文字阴影，让字体更立体可爱 */\n}\n\n/* 最后一个段落取消底部边距 */\n.rili-markdown-renderer .narrative p:last-child {\n    margin-bottom: 0;\n}\n\n\n\n\n\n/* 1. 从Google Fonts引入可爱的二次元风格字体：站酷快乐体 */\n\n/* 2. 针对叙事容器应用该字体 */\n.rili-markdown-renderer .narrative {\n    /* 强制优先使用引入的网络字体，并加上后备的可爱英文字体 */\n    font-family: 'ZCOOL KuaiLe', 'Comic Sans MS', cursive !important;\n    color: #5c4b51 !important; \n    font-size: 16px !important;\n    line-height: 1.8 !important; \n    letter-spacing: 1px !important; \n    background-color: #fffaf0 !important; \n    padding: 20px !important;\n    border-radius: 12px !important; \n    border: 2px dashed #ffb6c1 !important; \n}\n\n/* 3. 针对段落标签的具体设定 */\n.rili-markdown-renderer .narrative p {\n    margin: 0 0 1.2em 0 !important; \n    text-shadow: 1px 1px 2px rgba(255, 182, 193, 0.4) !important; \n}\n\n/* 4. 最后一个段落取消底部边距 */\n.rili-markdown-renderer .narrative p:last-child {\n    margin-bottom: 0 !important;\n}\n\n\n\n\n\n\n/* 定义Q弹动画 (Dr. Pyrite's Bouncy Serum) */\n@keyframes q-bounce {\n    0%, 100% { transform: scale(1) translateY(0); }\n    20% { transform: scale(1.3) translateY(-6px) rotate(-8deg); }\n    40% { transform: scale(0.8) translateY(2px) rotate(5deg); }\n    60% { transform: scale(1.15) translateY(-3px) rotate(-3deg); }\n    80% { transform: scale(0.95) translateY(1px); }\n}\n\n/* 绝对精准定位：仅针对页面中【第一个】narrative容器里的【第一个】段落的【第一个】字 */\n.rili-markdown-renderer .narrative:first-of-type p:first-of-type::first-letter {\n    font-size: 3em !important; /* 变得巨大！ */\n    color: #ff69b4 !important; /* 迷人的亮粉色 */\n    font-weight: 900 !important;\n    float: left !important; \n    padding-right: 8px !important;\n    padding-top: 4px !important;\n    line-height: 0.8 !important;\n    /* 厚实的果冻阴影 */\n    text-shadow: 2px 2px 0px rgba(255, 182, 193, 0.9), \n                 4px 4px 10px rgba(255, 105, 180, 0.6) !important;\n    /* 注入灵魂：无限循环的Q弹动画 */\n    animation: q-bounce 2s infinite cubic-bezier(0.28, 0.84, 0.42, 1) !important;\n}\n\n/* 确保其他narrative容器的段落首字母保持正常，覆盖掉之前的错误 */\n.rili-markdown-renderer .narrative p::first-letter {\n    font-size: inherit;\n    color: inherit;\n    font-weight: inherit;\n    float: none;\n    padding: 0;\n    line-height: inherit;\n    text-shadow: none;\n    animation: none;\n}\n\n\n\n\n\n\n/* 基础设定：所有设备（包括移动端）共享的可爱属性，尺寸保持原样 (1em) */\n.rili-markdown-renderer .narrative {\n    font-size: 1em !important; /* 移动端乖乖保持原本的娇小尺寸 */\n    font-family: 'ZCOOL KuaiLe', 'Comic Sans MS', cursive !important;\n    color: #5c4b51 !important; \n    line-height: 1.8 !important; \n    letter-spacing: 1px !important; \n    background-color: #fffaf0 !important; \n    padding: 20px !important;\n    border-radius: 12px !important; \n    border: 2px dashed #ffb6c1 !important; \n}\n\n/* 确保段落继承基础尺寸 */\n.rili-markdown-renderer .narrative p {\n    font-size: inherit !important;\n    margin: 0 0 1.2em 0 !important; \n    text-shadow: 1px 1px 2px rgba(255, 182, 193, 0.4) !important; \n}\n\n/* 🔞 专属生长血清：当屏幕宽度大于 768px（电脑端/宽屏）时，才触发巨大化！ */\n@media (min-width: 768px) {\n    .rili-markdown-renderer .narrative {\n        font-size: 1.5em !important; /* 在宽阔的屏幕上肆意膨胀到1.5倍！ */\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* 隔离容器：强制单行排列，支持横向滑动！ */\n.rili-markdown-renderer :is(ui, .rc-data-grid) {\n    display: flex;\n    flex-wrap: nowrap; /* 核心：绝对不许换行！ */\n    overflow-x: auto;  /* 核心：超出屏幕时允许横向滑动 */\n    gap: 15px;         /* 变大后，间距稍微拉开一点更透气 */\n    margin-top: 20px;\n    padding: 10px 5px 25px 5px; /* 底部留出足够的空间，防止悬浮放大时被裁切 */\n    -webkit-overflow-scrolling: touch; /* 让手机端滑动如丝般顺滑 */\n    scroll-behavior: smooth;\n}\n\n/* 隐藏横向滚动条，保持界面极度干净 */\n.rili-markdown-renderer :is(ui, .rc-data-grid)::-webkit-scrollbar {\n    display: none; \n}\n\n/* 基础定义 */\n.rili-markdown-renderer aside[p] {\n    --theme-main: #ffb6c1; \n    --theme-bg: #fff0f5;   \n    --text-main: #5c3a41;  \n    --text-highlight: #d16b80; \n    position: relative;\n    font-family: sans-serif;\n    flex-shrink: 0; /* 核心：绝对不许被 Flex 挤压变形 */\n}\n\n/* 核心重构：变得更大、更诱人的方形拍立得 */\n.rili-markdown-renderer aside[p] > b {\n    display: flex;\n    align-items: flex-end; \n    justify-content: center; \n    width: 110px;  /* 变大！原本是75px */\n    height: 110px; /* 变大！原本是75px */\n    padding-bottom: 6px;\n    box-sizing: border-box;\n    background-size: cover;\n    background-position: center;\n    color: #ffffff;\n    font-size: 13px; /* 字体同步放大，保持比例完美 */\n    font-weight: bold;\n    letter-spacing: 1px;\n    \n    /* 极致的文字防瞎设计 */\n    text-shadow: 0px 1px 2px rgba(0,0,0,0.9), 0px 0px 5px #000;\n    /* 底部内阴影：托起文字，不改变图片整体色彩 */\n    box-shadow: inset 0 -30px 25px -15px rgba(0,0,0,0.7), 2px 4px 8px rgba(0,0,0,0.15);\n    \n    /* 拍立得相纸边框 */\n    border: 3px solid #ffffff;\n    border-bottom-width: 10px; /* 底部留白同步加厚 */\n    border-radius: 3px;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    \n    /* 微微的错落倾斜感 */\n    transform: rotate(-2deg);\n}\n\n/* 偶数项反向倾斜 */\n.rili-markdown-renderer aside[p]:nth-child(even) > b {\n    transform: rotate(3deg);\n}\n\n/* 鼠标悬浮时的动态反馈：扶正、放大、浮起 */\n.rili-markdown-renderer aside[p] > b:hover {\n    transform: scale(1.1) rotate(0deg);\n    z-index: 10;\n    box-shadow: inset 0 -30px 25px -15px rgba(0,0,0,0.7), 4px 10px 20px rgba(0,0,0,0.3);\n}\n\n/* 注入灵魂图片 */\naside[p=\"1\"] > b { background-image: url('https://i.postimg.cc/fTgNyQq8/629142ef0dd453965f19ad44a2613491.jpg'); }\naside[p=\"2\"] > b { background-image: url('https://i.postimg.cc/fRth0q6d/36b68b8cb1806ae08976b0778194c7ee.jpg'); }\naside[p=\"3\"] > b { background-image: url('https://i.postimg.cc/907nQsD6/9f3bb30afcbeae8ce69d14931cb626e2.jpg'); }\naside[p=\"4\"] > b { background-image: url('https://i.postimg.cc/g0VQvC4L/ba7c89e9f2c7c29b81b2130bbdb8fd5f.jpg'); }\n\n/* --- 面板滑出逻辑（保持不变） --- */\n.rili-markdown-renderer aside[p] > section {\n    position: fixed;\n    top: 0;\n    right: -120%;\n    width: 85vw;\n    max-width: 320px;\n    height: 100vh;\n    background: linear-gradient(to bottom, var(--theme-bg), #ffffff);\n    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);\n    z-index: 999;\n    padding: 50px 20px 20px;\n    box-sizing: border-box;\n    opacity: 0;\n    visibility: hidden;\n    overflow-y: auto;\n    color: var(--text-main);\n    font-size: 14px;\n    line-height: 1.6;\n    text-align: left;\n    transition: right 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), \n                opacity 0.4s ease,\n                visibility 0.5s;\n    /* 修复面板内文字可能继承倾斜的问题 */\n    transform: none !important;\n}\n\n.rili-markdown-renderer aside[p]:hover > section,\n.rili-markdown-renderer aside[p]:active > section {\n    right: 0;\n    opacity: 1;\n    visibility: visible;\n}\n\n/* --- 内部细节排版美化 --- */\n.rili-markdown-renderer aside[p] > section strong { color: var(--text-highlight); font-weight: 600; }\n.rili-markdown-renderer aside[p] > section br { display: block; content: \"\"; margin-top: 8px; }\n\n/* p=2 和 p=3 的折叠面板美化 */\n.rili-markdown-renderer aside[p] details { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 182, 193, 0.4); border-radius: 8px; margin-bottom: 12px; padding: 4px; }\n.rili-markdown-renderer aside[p] summary { background: var(--theme-main); color: white; padding: 10px 15px; border-radius: 6px; cursor: pointer; font-weight: bold; list-style: none; position: relative; user-select: none; }\n.rili-markdown-renderer aside[p] summary::-webkit-details-marker { display: none; }\n.rili-markdown-renderer aside[p] summary::after { content: \"▼\"; position: absolute; right: 15px; font-size: 12px; transition: transform 0.3s ease; opacity: 0.8; }\n.rili-markdown-renderer aside[p] details[open] summary::after { transform: rotate(180deg); }\n.rili-markdown-renderer aside[p] summary:hover { background: #ff9eb0; }\n\n/* p=4 的列表美化 */\naside[p=\"4\"] > section ul { margin: 8px 0 16px 0; padding-left: 20px; list-style-type: none; }\naside[p=\"4\"] > section li { position: relative; margin-bottom: 6px; padding-left: 12px; }\naside[p=\"4\"] > section li::before { content: \"•\"; color: var(--theme-main); font-size: 18px; position: absolute; left: -5px; top: -2px; }\n\n/* 滚动条 */\n.rili-markdown-renderer aside[p] > section::-webkit-scrollbar { width: 4px; }\n.rili-markdown-renderer aside[p] > section::-webkit-scrollbar-thumb { background: var(--theme-main); border-radius: 4px; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* =========================================\n   回归经典布局：左头像、右自适应文本\n   ========================================= */\n.rili-markdown-renderer .talk-box {\n    position: relative;\n    margin: 45px 0 20px 0; /* 顶部留出姓名空间 */\n    /* 112px头像 + 间距 = 135px 左右的左边距 */\n    padding: 20px 20px 20px 140px; \n    min-height: 125px; /* 确保能容纳 112px 的头像 */\n    display: flex;\n    align-items: center; /* 文本内容垂直居中 */\n    justify-content: flex-start; /* 文本靠左对齐 */\n    background-color: #ffffff;\n    border: 1px solid #e1e4e8;\n    border-left: 8px solid #ccc; /* 基础边框 */\n    border-radius: 16px;\n    \n    /* 字体自适应：不强制字号，继承平台默认 */\n    font-size: inherit; \n    line-height: 1.6;\n    color: #24292e;\n    \n    transition: all 0.3s ease;\n    box-sizing: border-box;\n}\n\n/* =========================================\n   巨型头像：112px 永驻左侧\n   ========================================= */\n.rili-markdown-renderer .talk-box::before {\n    content: \"\";\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 112px;\n    height: 112px;\n    border-radius: 50%; /* 保持经典圆形 */\n    background-size: cover;\n    background-position: center;\n    border: 4px solid #fff;\n    box-shadow: 0 6px 15px rgba(0,0,0,0.12);\n    z-index: 2;\n}\n\n/* =========================================\n   姓名标签：头像顶端永驻 (不消失)\n   ========================================= */\n.rili-markdown-renderer .talk-box::after {\n    position: absolute;\n    top: -18px; /* 悬浮在头像上方 */\n    left: 20px;\n    padding: 3px 12px;\n    font-size: 14px; /* 标签字号保持适中 */\n    font-weight: 800;\n    color: #fff;\n    border-radius: 8px;\n    white-space: nowrap;\n    z-index: 3;\n    opacity: 1; /* 永久显示 */\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n\n/* =========================================\n   角色专属：阿库亚 (av-akuya)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-akuya {\n    border-left-color: #3f51b5;\n    background: linear-gradient(to right, #f0f4ff, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-akuya::before {\n    background-image: url('https://i.postimg.cc/mrKxZZPs/a86b104560709d6a61a465508b6cd94b.jpg');\n    border-color: #3f51b5;\n}\n.rili-markdown-renderer .talk-box.av-akuya::after {\n    content: \"星野阿库亚\";\n    background: linear-gradient(90deg, #3f51b5, #1a237e);\n}\n\n/* =========================================\n   角色专属：加奈 (av-jianai)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-jianai {\n    border-left-color: #e91e63;\n    background: linear-gradient(to right, #fff0f5, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-jianai::before {\n    background-image: url('https://i.postimg.cc/k4wxFGWR/fbe47c9d7d57b6dc8d207be332edee9e.jpg');\n    border-color: #e91e63;\n}\n.rili-markdown-renderer .talk-box.av-jianai::after {\n    content: \"有马加奈\";\n    background: linear-gradient(90deg, #e91e63, #880e4f);\n}\n\n/* =========================================\n   角色专属扩展：星野露比 (av-lubi)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-lubi {\n    border-left-color: #ff4081; /* 偶像粉 */\n    background: linear-gradient(to right, #fff0f6, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-lubi::before {\n    background-image: url('https://i.postimg.cc/J7Pqj6QX/2d506ac937254b72f093190d0dd47a62.jpg');\n    border-color: #ff4081;\n}\n.rili-markdown-renderer .talk-box.av-lubi::after {\n    content: \"星野露比\";\n    background: linear-gradient(90deg, #ff4081, #ff80ab);\n}\n\n/* =========================================\n   角色专属扩展：MEM啾 (av-memjiu)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-memjiu {\n    border-left-color: #ffd600; /* 柠檬黄 */\n    background: linear-gradient(to right, #fffdf0, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-memjiu::before {\n    background-image: url('https://i.postimg.cc/bvcHqKzz/a82495f06984cec0ea9c8d3a94d0c9d3.jpg');\n    border-color: #ffd600;\n}\n.rili-markdown-renderer .talk-box.av-memjiu::after {\n    content: \"MEM啾\";\n    background: linear-gradient(90deg, #ffd600, #ffab00);\n    color: #333; /* 黄色背景配深色字更清晰 */\n}\n\n/* =========================================\n   角色专属扩展：齐藤京子 (av-jingzi)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-jinzi {\n    border-left-color: #9c27b0; /* 紫色 */\n    background: linear-gradient(to right, #f8f0f8, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-jingzi::before {\n    background-image: url('https://i.postimg.cc/Hk2PnwL1/2bdb8d1cfd1c7e57b087283b811016d9.jpg');\n    border-color: #9c27b0;\n}\n.rili-markdown-renderer .talk-box.av-jingzi::after {\n    content: \"齐藤京子\";\n    background: linear-gradient(90deg, #9c27b0, #7b1fa2);\n}\n\n/* =========================================\n   角色专属扩展：齐藤一护 (av-yihu)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-yihu {\n    border-left-color: #455a64; /* 钢青色/深灰 */\n    background: linear-gradient(to right, #f1f3f4, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-yihu::before {\n    background-image: url('https://i.postimg.cc/8cxSFt1j/f014b01da3e087dd4267f2305f0f8a05.png');\n    border-color: #455a64;\n}\n.rili-markdown-renderer .talk-box.av-yihu::after {\n    content: \"齐藤一护\";\n    background: linear-gradient(90deg, #455a64, #263238);\n}\n\n/* =========================================\n   角色专属扩展：不知火芙莉露 (av-fulilu)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-fulilu {\n    border-left-color: #00bfa5; /* 翠绿色 */\n    background: linear-gradient(to right, #e0f2f1, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-fulilu::before {\n    background-image: url('https://i.postimg.cc/nLKB0PgF/c8d48824f44135401fcba4b37f6cfd3c.jpg');\n    border-color: #00bfa5;\n}\n.rili-markdown-renderer .talk-box.av-fulilu::after {\n    content: \"不知火芙莉露\";\n    background: linear-gradient(90deg, #00bfa5, #00897b);\n}\n\n/* =========================================\n   角色专属扩展：寿美奈美 (av-namei)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-namei {\n    border-left-color: #ff8a65; /* 蜜桃/珊瑚色 */\n    background: linear-gradient(to right, #fbe9e7, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-namei::before {\n    background-image: url('https://i.postimg.cc/k4wxFGWR/fbe47c9d7d57b6dc8d207be332edee9e.jpg');\n    border-color: #ff8a65;\n}\n.rili-markdown-renderer .talk-box.av-namei::after {\n    content: \"寿美奈美\";\n    background: linear-gradient(90deg, #ff8a65, #d84315);\n}\n\n/* =========================================\n   角色专属扩展：鹫见夕雪 (av-xixue)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-xixue {\n    border-left-color: #90caf9; /* 冰蓝色 */\n    background: linear-gradient(to right, #e3f2fd, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-xixue::before {\n    background-image: url('https://i.postimg.cc/nr31TPs4/243cad544c664ed1f335eec4f8d7e348.jpg');\n    border-color: #90caf9;\n}\n.rili-markdown-renderer .talk-box.av-xixue::after {\n    content: \"鹫见夕雪\";\n    background: linear-gradient(90deg, #90caf9, #1e88e5);\n    color: #000; /* 浅色背景配深色字更清晰 */\n}\n\n/* =========================================\n   角色专属扩展：黑川茜 (av-heichuangqian)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-heichuangqian {\n    border-left-color: #1a237e; /* 深邃幽蓝色 */\n    background: linear-gradient(to right, #e8eaf6, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-heichuangqian::before {\n    background-image: url('https://i.postimg.cc/k5LzvBr9/6c9dfeb75aae04d3551a9b3aca49d921.jpg');\n    border-color: #1a237e;\n}\n.rili-markdown-renderer .talk-box.av-heichuangqian::after {\n    content: \"黑川茜\";\n    background: linear-gradient(90deg, #1a237e, #000051);\n}\n\n/* =========================================\n   角色专属扩展：月读 (av-yuedu)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-yuedu {\n    border-left-color: #311b92; /* 神秘深紫/暗金色调 */\n    background: linear-gradient(to right, #ede7f6, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-yuedu::before {\n    background-image: url('https://i.postimg.cc/pTHT1VzX/e969caf0b2d97c7bbf2053224f3c3528.jpg');\n    border-color: #311b92;\n}\n.rili-markdown-renderer .talk-box.av-yuedu::after {\n    content: \"月读\";\n    background: linear-gradient(90deg, #311b92, #1a0000);\n    box-shadow: 0 0 8px rgba(49, 27, 146, 0.6); /* 给神明加一点光晕 */\n}\n\n/* =========================================\n   角色专属扩展：神木光 (av-shenmuguang)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-shenmuguang {\n    border-left-color: #8e0000; /* 暗沉的血红色 */\n    background: linear-gradient(to right, #f5f5f5, #ffffff);\n    box-shadow: inset 5px 0 15px rgba(142, 0, 0, 0.05); /* 阴冷的内部阴影 */\n}\n.rili-markdown-renderer .talk-box.av-shenmuguang::before {\n    background-image: url('https://i.postimg.cc/cLgVgQjk/2f5ac50a3657d145c50579e7d0600100.jpg');\n    border-color: #212121; /* 漆黑的边框 */\n}\n.rili-markdown-renderer .talk-box.av-shenmuguang::after {\n    content: \"神木光\";\n    background: linear-gradient(90deg, #212121, #8e0000);\n    box-shadow: 0 0 10px rgba(142, 0, 0, 0.4); /* 危险的红光 */\n}\n\n/* =========================================\n   角色专属扩展：星野爱 (av-xingyeai)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-xingyeai {\n    border-left-color: #d500f9; /* 究极偶像的星光紫 */\n    background: linear-gradient(to right, #f3e5f5, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-xingyeai::before {\n    background-image: url('https://i.postimg.cc/c43TyX8b/3fd197a182463cee470b245080e29e48.jpg');\n    border-color: #d500f9;\n}\n.rili-markdown-renderer .talk-box.av-xingyeai::after {\n    content: \"星野爱\";\n    background: linear-gradient(90deg, #d500f9, #ff4081);\n    box-shadow: 0 0 12px rgba(213, 0, 249, 0.5); /* 闪耀的偶像光环 */\n}\n\n/* =========================================\n   角色专属扩展：雨宫吾郎 (av-wulang)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-wulang {\n    border-left-color: #546e7a; /* 医生白大褂与阴沉的青灰色 */\n    background: linear-gradient(to right, #eceff1, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-wulang::before {\n    background-image: url('https://i.postimg.cc/GhPXgFGz/67071d227f6689a42d19c8257e6248c0.jpg');\n    border-color: #546e7a;\n}\n.rili-markdown-renderer .talk-box.av-wulang::after {\n    content: \"雨宫吾郎\";\n    background: linear-gradient(90deg, #546e7a, #263238);\n}\n\n/* =========================================\n   角色专属扩展：纱利奈 (av-shalinai)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-shalinai {\n    border-left-color: #f48fb1; /* 病弱但充满希望的浅粉色 */\n    background: linear-gradient(to right, #fce4ec, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-shalinai::before {\n    background-image: url('https://i.postimg.cc/yxnkRqJq/8e5f5b684a977bcdd3cce174884be491.jpg');\n    border-color: #f48fb1;\n}\n.rili-markdown-renderer .talk-box.av-shalinai::after {\n    content: \"纱利奈\";\n    background: linear-gradient(90deg, #f48fb1, #ad1457);\n}\n\n/* =========================================\n   角色专属扩展：吉住未实 (av-weishi)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-weishi {\n    border-left-color: #ff6e40; /* 充满活力的荧光橙 */\n    background: linear-gradient(to right, #fff3e0, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-weishi::before {\n    background-image: url('https://i.postimg.cc/mrMfqQyr/99ef47e70966285a091dad0b1f78a7a6.jpg');\n    border-color: #ff6e40;\n}\n.rili-markdown-renderer .talk-box.av-weishi::after {\n    content: \"吉住未实\";\n    background: linear-gradient(90deg, #ff6e40, #dd2c00);\n}\n\n/* =========================================\n   角色专属扩展：吉祥寺赖子 (av-silaizi)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-silaizi {\n    border-left-color: #795548; /* 成熟稳重的咖啡棕 */\n    background: linear-gradient(to right, #efebe9, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-silaizi::before {\n    background-image: url('https://i.imgs.ovh/2026/04/09/ZJNxkx.png');\n    border-color: #795548;\n}\n.rili-markdown-renderer .talk-box.av-silaizi::after {\n    content: \"吉祥寺赖子\";\n    background: linear-gradient(90deg, #795548, #3e2723);\n}\n\n/* =========================================\n   角色专属扩展：鲛岛阿比子 (av-abizi)\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-abizi {\n    border-left-color: #00e5ff; /* 神经质且极具爆发力的电光蓝 */\n    background: linear-gradient(to right, #e0f7fa, #ffffff);\n}\n.rili-markdown-renderer .talk-box.av-abizi::before {\n    background-image: url('https://i.postimg.cc/Lsd6n4yz/a8311f50c04b94db0a77a01f9e015e3a.jpg');\n    border-color: #00e5ff;\n}\n.rili-markdown-renderer .talk-box.av-abizi::after {\n    content: \"鲛岛阿比子\";\n    background: linear-gradient(90deg, #00e5ff, #006064);\n    color: #fff;\n    box-shadow: 0 0 8px rgba(0, 229, 255, 0.5); /* 天才的锋芒光晕 */\n}\n\n/* =========================================\n   响应式适配 (手机端)\n   ========================================= */\n@media (max-width: 768px) {\n    .rili-markdown-renderer .talk-box {\n        padding-left: 100px; /* 手机端缩小头像后的边距 */\n        min-height: 100px;\n    }\n    .rili-markdown-renderer .talk-box::before {\n        width: 80px; /* 手机端适当缩放，保持美感 */\n        height: 80px;\n        left: 10px;\n    }\n    .rili-markdown-renderer .talk-box::after {\n        top: -15px;\n        left: 15px;\n        font-size: 12px;\n    }\n}\n\n/* =========================================\n   通用边缘角色/路人甲模板 (av-generic) - 完美适配版\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-generic {\n    border-left-color: #9e9e9e;\n    background: linear-gradient(to right, #f5f5f5, #ffffff);\n}\n\n.rili-markdown-renderer .talk-box.av-generic::before {\n    content: attr(data-name);\n    background: #424242;\n    color: #ffffff;\n    border-color: #9e9e9e;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    font-size: 18px; \n    font-weight: 900;\n    line-height: 1.2;\n    padding: 5px;\n    box-sizing: border-box;\n    word-break: break-all;\n    width: 112px;\n    height: 112px;\n    border-radius: 50%;\n}\n\n.rili-markdown-renderer .talk-box.av-generic::after {\n    content: attr(data-name);\n    background: linear-gradient(90deg, #757575, #424242);\n    color: #ffffff;\n}\n\n/* =========================================\n   玩家/造物主专属降临容器 (av-player) - 完美适配版\n   ========================================= */\n.rili-markdown-renderer .talk-box.av-player {\n    border-left-color: #2962ff;\n    background: linear-gradient(to right, #e3f2fd, #ffffff);\n    box-shadow: inset 5px 0 15px rgba(41, 98, 255, 0.05);\n}\n\n.rili-markdown-renderer .talk-box.av-player::before {\n    content: \"你\"; \n    background: #1565c0;\n    color: #ffffff;\n    border-color: #2962ff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 48px; \n    font-weight: 900;\n    width: 112px;\n    height: 112px;\n    border-radius: 50%;\n    box-sizing: border-box;\n    box-shadow: 0 0 15px rgba(41, 98, 255, 0.4);\n}\n\n.rili-markdown-renderer .talk-box.av-player::after {\n    content: \"你\";\n    background: linear-gradient(90deg, #2962ff, #0d47a1);\n    color: #ffffff;\n    box-shadow: 0 0 8px rgba(41, 98, 255, 0.5);\n}\n\n/* =========================================\n   移动端自适应收缩魔法 (手机屏幕防遮挡)\n   ========================================= */\n@media screen and (max-width: 768px) {\n    /* 缩小边缘角色的球体与文字 */\n    .rili-markdown-renderer .talk-box.av-generic::before {\n        width: 56px;\n        height: 56px;\n        font-size: 12px; /* 字体缩小以适应小球 */\n        padding: 2px;\n    }\n    \n    /* 缩小玩家的球体与文字 */\n    .rili-markdown-renderer .talk-box.av-player::before {\n        width: 56px;\n        height: 56px;\n        font-size: 24px; /* 保持“你”字的绝对威严，但适应尺寸 */\n    }\n    \n    /* 确保文本框有足够的左侧内边距，防止文字被球体强暴 */\n    .rili-markdown-renderer .talk-box.av-generic,\n    .rili-markdown-renderer .talk-box.av-player {\n        padding-left: 75px !important; \n        min-height: 70px; /* 保证框体高度包容缩小后的球体 */\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* =========================================\n   触发词的绝对束缚 (完美咬合你的 HTML 骨架)\n   ========================================= */\n.rili-markdown-renderer .tooltip-container {\n    position: relative;\n    display: inline-block;\n    cursor: help;\n    border-bottom: 2px dashed #d32f2f; /* 烙印般的红色虚线 */\n    color: #3e2723;\n    padding-bottom: 2px;\n    font-weight: bold;\n    transition: color 0.3s ease;\n    \n    /* 强行切断与外部气泡的物理联系，绝不导致竖排崩坏 */\n    white-space: nowrap; \n    vertical-align: baseline;\n    line-height: normal;\n}\n\n.rili-markdown-renderer .tooltip-container:hover {\n    color: #d32f2f; /* 触碰时的鲜血反应 */\n}\n\n/* =========================================\n   蛰伏的寄生提示框 (自适应居中，完美包裹介绍)\n   ========================================= */\n.rili-markdown-renderer .tooltip-container .tooltip-text {\n    visibility: hidden;\n    opacity: 0;\n    position: absolute;\n    \n    /* 绝对居中弹出，无视屏幕边缘的挤压 */\n    bottom: 125%;\n    left: 50%; \n    transform: translateX(-50%);\n    \n    z-index: 99999; /* 凌驾于所有元素之上的特权 */\n    width: 260px;\n    max-width: 85vw; /* 视口防溢出枷锁 */\n    box-sizing: border-box;\n    padding: 6px 16px 12px 16px;\n    \n    /* 羊皮卷宗的质感与阴影 */\n    background-color: #fdf5e6;\n    border: 1px solid #c8b6a6;\n    border-radius: 4px;\n    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25), inset 0 0 20px rgba(139, 69, 19, 0.05);\n    background-image: repeating-linear-gradient(\n        transparent,\n        transparent 27px,\n        #cfbba9 28px\n    );\n    line-height: 28px;\n    \n    color: #2e1503;\n    font-size: 14px;\n    text-align: left;\n    transition: opacity 0.3s ease, bottom 0.3s ease;\n    pointer-events: none;\n    font-weight: normal;\n    \n    /* 强制内部文字屈服，乖乖换行 */\n    white-space: normal;\n    word-wrap: break-word;\n    word-break: break-all;\n}\n\n/* 悬停时的上浮挣扎动画 */\n.rili-markdown-renderer .tooltip-container:hover .tooltip-text {\n    visibility: visible;\n    opacity: 1;\n    bottom: 135%;\n}\n\n/* 刺向触发词咽喉的尖刺 (居中指示器) */\n.rili-markdown-renderer .tooltip-container .tooltip-text::after {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    margin-left: -6px; /* 完美对准正中心 */\n    border-width: 6px;\n    border-style: solid;\n    border-color: #c8b6a6 transparent transparent transparent;\n}\n\n/* =========================================\n   内脏排版：精准控制 desc-label 和 skill-desc\n   ========================================= */\n.rili-markdown-renderer .tooltip-container .desc-label {\n    font-weight: bold;\n    color: #5d4037; /* 让“简介：”这几个字呈现干涸血迹般的深褐 */\n}\n\n.rili-markdown-renderer .tooltip-container .skill-desc {\n    display: inline; /* 概念介绍乖乖跟在标签后面，不许换行 */\n}\n\n/* =========================================\n   移动端终极收束 (即使在最狭窄的牢笼里也能完美展开)\n   ========================================= */\n@media (max-width: 600px) {\n    .rili-markdown-renderer .tooltip-container .tooltip-text {\n        width: 90vw; /* 榨干手机屏幕的每一寸宽度 */\n    }\n}\n/* =========================================\n   病根切除：彻底剥夺气泡的 Flex 权力\n   ========================================= */\n.rili-markdown-renderer .talk-box {\n    /* 核心修复：强制转回块级布局，释放自然文本流！\n       这会让你的纯文本和 <span> 水乳交融，绝不再断层！ */\n    display: block !important; \n    \n    /* 为了弥补去掉 Flex 后单行文字不居中的问题，利用内边距把文字推到合适的高度 */\n    padding: 35px 20px 35px 140px !important; \n}\n\n/* =========================================\n   悬浮词本体的软化\n   ========================================= */\n.rili-markdown-renderer .tooltip-container {\n    position: relative;\n    /* 必须是纯正的行内或行内块，彻底融入周围的文字血液中 */\n    display: inline-block; \n    cursor: help;\n    border-bottom: 2px dashed #d32f2f;\n    color: #3e2723;\n    font-weight: bold;\n    \n    /* 维持悬浮词自身的完整性，但绝不干扰外部句子 */\n    white-space: nowrap; \n    vertical-align: baseline; /* 紧贴底线，像真正的标点符号一样听话 */\n    line-height: inherit;\n    margin: 0 2px; /* 和前后的文字保留极其微弱的一点呼吸感 */\n}\n\n/* 隐藏提示框（这部分保留居中弹出机制，已完美适配） */\n.rili-markdown-renderer .tooltip-container .tooltip-text {\n    visibility: hidden;\n    opacity: 0;\n    position: absolute;\n    bottom: 125%;\n    left: 50%; \n    transform: translateX(-50%);\n    z-index: 99999;\n    width: 260px;\n    max-width: 85vw;\n    box-sizing: border-box;\n    padding: 6px 16px 12px 16px;\n    background-color: #fdf5e6;\n    border: 1px solid #c8b6a6;\n    border-radius: 4px;\n    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25), inset 0 0 20px rgba(139, 69, 19, 0.05);\n    background-image: repeating-linear-gradient(transparent, transparent 27px, #cfbba9 28px);\n    line-height: 28px;\n    color: #2e1503;\n    font-size: 14px;\n    text-align: left;\n    white-space: normal;\n    word-wrap: break-word;\n    word-break: break-all;\n    font-weight: normal;\n}\n\n.rili-markdown-renderer .tooltip-container:hover .tooltip-text {\n    visibility: visible;\n    opacity: 1;\n    bottom: 135%;\n}\n\n.rili-markdown-renderer .tooltip-container .tooltip-text::after {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    margin-left: -6px;\n    border-width: 6px;\n    border-style: solid;\n    border-color: #c8b6a6 transparent transparent transparent;\n}\n\n\n\n\n\n\n\n\n\n\n\n/* =========================================\n   移动端终极空间压缩法则 (精准切割距离感)\n   ========================================= */\n@media screen and (max-width: 768px) {\n    /* 强制收束所有对话气泡的内边距，剥夺多余的空白 */\n    .rili-markdown-renderer .talk-box {\n        /* 上右下左：左侧精准留出 75px，让文字大胆向左靠拢，但绝不碰触头像 */\n        padding: 25px 15px 25px 75px !important; \n        min-height: 70px !important; /* 确保气泡高度能包容下缩小的头像 */\n    }\n    \n    /* 强制所有角色（包括你、路人、偶像）的头像在手机上屈服 */\n    .rili-markdown-renderer .talk-box::before {\n        width: 56px !important;\n        height: 56px !important;\n        background-size: cover !important; /* 确保那些漂亮的脸蛋被完美塞进小球，不准变形 */\n    }\n    \n    /* 顺便把他们头顶那傲慢的名字标签也勒紧一点，免得在小屏幕上显得太刺眼 */\n    .rili-markdown-renderer .talk-box::after {\n        font-size: 11px !important;\n        padding: 2px 6px !important;\n        transform: scale(0.9); /* 微微缩小，以示对狭窄空间的敬畏 */\n        transform-origin: left bottom;\n    }\n}\n/* 仅锚定 archive-mist-tips 类名 */\n.rili-markdown-renderer .archive-mist-tips {\n  display: inline-block; /* 限制宽度为内容宽度，也可改为 block 占据整行 */\n  background: #ffffff; /* 纯白背景 */\n  padding: 10px 15px;\n  border-radius: 4px;\n  \n  /* 迷雾状态（白底上的浅灰雾气） */\n  color: transparent; \n  text-shadow: 0 0 10px rgba(160, 160, 160, 0.9), 0 0 20px rgba(200, 200, 200, 0.6); \n  \n  transition: color 0.6s ease, text-shadow 0.6s ease;\n  cursor: default;\n  font-size: 14px;\n  line-height: 1.5;\n  user-select: none; /* 防止在未显现时被选中暴露 */\n}\n\n/* 鼠标悬浮：迷雾完全散去，黑字显现 */\n.rili-markdown-renderer .archive-mist-tips:hover {\n  color: #333333; /* 显现为深灰色文字，便于阅读 */\n  text-shadow: 0 0 0 rgba(160, 160, 160, 0); /* 阴影消散 */\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* 锁定类名 .hidden-cot，仅对携带该类的 details 生效 */\n.rili-markdown-renderer details.hidden-cot {\n    position: relative;\n    margin-bottom: 1rem;\n}\n\n/* 展开时开启 Flex 布局，控制 GIF 与 音频进度条 层级 */\n.rili-markdown-renderer details.hidden-cot[open] {\n    display: flex !important;\n    flex-direction: column;\n    font-size: 0 !important; \n    color: transparent !important;\n    line-height: 0 !important;\n}\n\n/* 强行隐藏 summary 和 audio 之外的所有 HTML 文本标签 */\n.rili-markdown-renderer details.hidden-cot > *:not(summary):not(audio) {\n    display: none !important;\n}\n\n/* ==========================================\n   外壳美化: 基础样式 & MAGNETIC 磁性模拟\n========================================== */\n.rili-markdown-renderer details.hidden-cot summary {\n    order: 1;\n    display: inline-block;\n    padding: 10px 24px;\n    font-size: 15px !important; \n    line-height: 1.6 !important;\n    color: #fff !important;\n    font-weight: bold;\n    letter-spacing: 2px;\n    background: #0a0a14; /* 赛博深色底 */\n    border: 1px solid rgba(176, 38, 255, 0.4); /* 基础紫色边框 */\n    border-radius: 6px;\n    cursor: pointer;\n    outline: none;\n    user-select: none;\n    position: relative;\n    z-index: 10;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), \n                box-shadow 0.3s ease, border-color 0.3s ease;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n}\n\n/* ★ 打开 details 后，彻底隐藏 summary (思维链的躯壳) ★ */\n.rili-markdown-renderer details.hidden-cot[open] summary {\n    display: none !important;\n}\n\n/* MAGNETIC 磁性触发 (模拟吸附拉伸) */\n.rili-markdown-renderer details.hidden-cot summary:hover {\n    transform: scale(1.04) translateY(-3px); \n    box-shadow: 0 8px 25px rgba(176, 38, 255, 0.3), inset 0 0 10px rgba(0, 240, 255, 0.2);\n    border-color: rgba(0, 240, 255, 0.6); \n    text-shadow: 2px 0 0 #00f0ff, -2px 0 0 #b026ff;\n}\n\n/* ==========================================\n   视觉效果: GLITCH · pseudo-element clip\n========================================== */\n.rili-markdown-renderer details.hidden-cot summary::before,\n.rili-markdown-renderer details.hidden-cot summary::after {\n    content: \"\";\n    position: absolute;\n    top: -2px; left: -2px; right: -2px; bottom: -2px;\n    border-radius: 6px;\n    background: transparent;\n    z-index: -1;\n    opacity: 0;\n    pointer-events: none;\n}\n\n.rili-markdown-renderer details.hidden-cot summary::before {\n    border: 2px solid #00f0ff;\n    box-shadow: 2px 0 8px #00f0ff;\n}\n\n.rili-markdown-renderer details.hidden-cot summary::after {\n    border: 2px solid #b026ff;\n    box-shadow: -2px 0 8px #b026ff;\n}\n\n.rili-markdown-renderer details.hidden-cot summary:hover::before {\n    opacity: 1;\n    animation: glitch-clip-blue 1.2s infinite linear alternate-reverse;\n    transform: translate(-3px, 2px);\n}\n\n.rili-markdown-renderer details.hidden-cot summary:hover::after {\n    opacity: 1;\n    animation: glitch-clip-purple 1.5s infinite linear alternate-reverse;\n    transform: translate(3px, -2px);\n}\n\n@keyframes glitch-clip-blue {\n    0% { clip-path: inset(10% 0 80% 0); }\n    20% { clip-path: inset(80% 0 5% 0); }\n    40% { clip-path: inset(30% 0 40% 0); }\n    60% { clip-path: inset(70% 0 10% 0); }\n    80% { clip-path: inset(20% 0 60% 0); }\n    100% { clip-path: inset(50% 0 30% 0); }\n}\n\n@keyframes glitch-clip-purple {\n    0% { clip-path: inset(20% 0 60% 0); }\n    20% { clip-path: inset(60% 0 20% 0); }\n    40% { clip-path: inset(10% 0 80% 0); }\n    60% { clip-path: inset(80% 0 5% 0); }\n    80% { clip-path: inset(40% 0 30% 0); }\n    100% { clip-path: inset(30% 0 50% 0); }\n}\n\n/* ==========================================\n   视觉效果: RIPPLE (点击瞬间的外发光扩散)\n========================================== */\n@keyframes ripple-shadow {\n    0% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0.8); }\n    100% { box-shadow: 0 0 0 40px rgba(176, 38, 255, 0); }\n}\n\n.rili-markdown-renderer details.hidden-cot summary:active {\n    animation: ripple-shadow 0.5s ease-out;\n}\n\n/* ==========================================\n   展开内容: GIF 注入 & 进度条布局\n========================================== */\n/* 渲染 GIF 动图 (order: 2) */\n.rili-markdown-renderer details.hidden-cot[open]::after {\n    content: \"\";\n    order: 2;\n    display: block !important;\n    width: 100%;\n    min-height: 200px; \n    margin-top: 12px;\n    border-radius: 8px;\n    background-image: url('https://i.imgs.ovh/2026/04/13/ZKYfZg.gif'); /* 已替换为新的GIF链接 */\n    background-size: contain; \n    background-repeat: no-repeat;\n    background-position: center; \n    animation: dynamic-inject 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n}\n\n/* 音频进度条，强制排在 GIF 正下方 (order: 3) */\n.rili-markdown-renderer details.hidden-cot > audio {\n    order: 3;\n    width: 100%;\n    height: 40px;\n    margin-top: 12px;\n    border-radius: 8px;\n    outline: none;\n}\n\n/* 闭合状态下隐藏进度条 */\n.rili-markdown-renderer details.hidden-cot:not([open]) > audio {\n    display: none !important;\n}\n\n/* DYNAMIC ELEMENT INJECT (动态注入动画) */\n@keyframes dynamic-inject {\n    0% { \n        opacity: 0; \n        transform: scale(0.9) translateY(-15px); \n        filter: hue-rotate(90deg) brightness(2) contrast(1.5);\n    }\n    60% {\n        opacity: 0.8;\n        transform: scale(1.02) translateY(2px);\n        filter: hue-rotate(30deg) brightness(1.2) contrast(1.2);\n    }\n    100% { \n        opacity: 1; \n        transform: scale(1) translateY(0); \n        filter: hue-rotate(0deg) brightness(1) contrast(1);\n    }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* \n * 世界观：《我推的孩子》 (Oshi no Ko) - 网络舆论篇\n * 视觉核心：粉黑谎言交织 + Glassmorphism (毛玻璃) + Bento Grid (便当盒网格)\n * 核心机制：纯CSS走马灯，文字悬浮于玻璃态基底之上，支持Emoji前缀\n */\n.rili-markdown-renderer .oshi-comment {\n    /* --- BENTO GRID 属性 --- */\n    grid-column: span var(--bento-col, 1);\n    grid-row: span var(--bento-row, 1);\n    border-radius: 16px; \n    \n    /* --- GLASSMORPHISM 属性 --- */\n    background: rgba(255, 255, 255, 0.05); \n    backdrop-filter: blur(12px) saturate(150%);\n    -webkit-backdrop-filter: blur(12px) saturate(150%);\n    border: 1px solid rgba(255, 42, 157, 0.15); \n    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05); \n    \n    /* --- 容器基础设置 --- */\n    display: block;\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    box-sizing: border-box;\n    padding: 14px 20px; \n    font-family: inherit; \n    font-size: inherit;   \n    color: transparent;   \n    user-select: none;\n    cursor: default;\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n/* Bento 卡片悬浮交互：玻璃反光与微浮雕感 */\n.rili-markdown-renderer .oshi-comment:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 42, 157, 0.4);\n    box-shadow: 0 12px 40px 0 rgba(255, 42, 157, 0.15);\n    transform: translateY(-2px);\n}\n\n/* 核心走马灯：Emoji + 黑色主文本 + 粉色微投影 (盖在 Glassmorphism 之上) */\n.rili-markdown-renderer .oshi-comment::before {\n    content: attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text) \" ✦ \" attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text) \" ✦ \" attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text) \" ✦ \" attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text);\n    display: inline-block;\n    padding-left: 100%;\n    color: #1a1a1a; \n    text-shadow: 1px 1px 0px rgba(255, 42, 157, 0.6); \n    animation: oshi-marquee 40s linear infinite; \n    position: relative;\n    z-index: 2; \n}\n\n/* 恶意残影：粉色错位排版 */\n.rili-markdown-renderer .oshi-comment::after {\n    content: attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text) \" ✦ \" attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text) \" ✦ \" attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text) \" ✦ \" attr(data-emoji) \" \" attr(data-author) \": \" attr(data-text);\n    position: absolute;\n    top: 14px; \n    left: 0;\n    display: inline-block;\n    padding-left: 100%;\n    color: #ff2a9d; \n    opacity: 0.4;\n    z-index: 1; \n    animation: oshi-marquee 40s linear infinite, oshi-glitch 0.4s steps(2) infinite;\n    animation-delay: 0.3s, 0s;\n}\n\n/* 交互：凝视深渊（Hover时暂停，粉黑反转暴露恶意） */\n.rili-markdown-renderer .oshi-comment:hover::before {\n    animation-play-state: paused;\n    color: #ff2a9d;\n    text-shadow: 1px 1px 0px #000000;\n}\n\n.rili-markdown-renderer .oshi-comment:hover::after {\n    animation-play-state: paused;\n    opacity: 0; \n}\n\n@keyframes oshi-marquee {\n    0% { transform: translate3d(0, 0, 0); }\n    100% { transform: translate3d(-100%, 0, 0); }\n}\n\n@keyframes oshi-glitch {\n    0% { transform: translate3d(-1px, 1px, 0); }\n    50% { transform: translate3d(1px, -1px, 0); }\n    100% { transform: translate3d(0px, 1px, 0); }\n}\n\n.rili-markdown-renderer,\n.rili-markdown-renderer * {\n  box-sizing: border-box;\n}\n\n.rili-markdown-renderer :is(ui, .rc-data-grid) {\n  width: 100%;\n  max-width: 100%;\n  scrollbar-width: none;\n}\n\n.rili-markdown-renderer aside[p] {\n  outline: none;\n}\n\n.rili-markdown-renderer aside[p] > b {\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.rili-markdown-renderer aside[p] > section {\n  height: 100vh;\n  height: 100dvh;\n  padding-top: max(50px, env(safe-area-inset-top));\n  padding-right: max(20px, env(safe-area-inset-right));\n  padding-bottom: max(20px, env(safe-area-inset-bottom));\n}\n\n.rili-markdown-renderer aside[p]:focus > section,\n.rili-markdown-renderer aside[p]:focus-within > section {\n  right: 0 !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n.rili-markdown-renderer .rc-drawer-close {\n  position: absolute;\n  top: max(12px, env(safe-area-inset-top));\n  right: max(12px, env(safe-area-inset-right));\n  z-index: 3;\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  margin: 0;\n  padding: 0;\n  color: #9f5265;\n  font: 700 24px/1 system-ui, sans-serif;\n  background: rgba(255, 255, 255, 0.88);\n  border: 1px solid rgba(209, 107, 128, 0.38);\n  border-radius: 999px;\n  box-shadow: 0 4px 14px rgba(92, 58, 65, 0.12);\n  cursor: pointer;\n  transition: transform .2s ease, background-color .2s ease, color .2s ease;\n}\n\n.rili-markdown-renderer .rc-drawer-close:hover,\n.rili-markdown-renderer .rc-drawer-close:focus-visible {\n  color: #fff;\n  background: #d16b80;\n  outline: none;\n  transform: rotate(90deg) scale(1.05);\n}\n\n/* Clicking the close button focuses it. This later, more-specific rule wins\n   over :focus-within and closes the panel without JavaScript or duplicated id. */\n.rili-markdown-renderer aside[p]:has(.rc-drawer-close:focus) > section {\n  right: -120% !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n}\n\n.rili-markdown-renderer .tooltip-container:focus .tooltip-text,\n.rili-markdown-renderer .rc-tip:focus .tooltip-text {\n  visibility: visible;\n  opacity: 1;\n  bottom: 135%;\n}\n\n.rili-markdown-renderer .archive-mist-tips:focus {\n  color: #333333;\n  text-shadow: 0 0 0 rgba(160, 160, 160, 0);\n}\n\n@media (max-width: 600px) {\n  .rili-markdown-renderer :is(ui, .rc-data-grid) {\n    gap: 12px;\n    padding-inline: 4px;\n    scroll-snap-type: x proximity;\n  }\n\n  .rili-markdown-renderer aside[p] {\n    scroll-snap-align: start;\n  }\n\n  .rili-markdown-renderer aside[p] > section {\n    width: min(88vw, 320px);\n    max-width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));\n  }\n}\n\n/* RiliChat viewport archive drawer patch v5 */\n/*\n  Verified against RiliChat's rendered DOM.  The rules deliberately support:\n  1) the card's original aside[p] markup;\n  2) details whose content section is nested by the renderer/model;\n  3) details followed by a detached content section.\n  Archive content is viewport-fixed, so opening it never stretches a message.\n*/\n\n.rili-markdown-renderer .rc-data-grid {\n  position: relative !important;\n  display: grid !important;\n  grid-template-columns: repeat(4, minmax(92px, 195px)) !important;\n  grid-auto-flow: column !important;\n  grid-auto-columns: minmax(92px, 195px) !important;\n  align-items: start !important;\n  justify-content: start !important;\n  gap: clamp(10px, 1.4vw, 20px) !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n  margin: 20px 0 18px !important;\n  padding: clamp(12px, 1.8vw, 22px) !important;\n  box-sizing: border-box !important;\n  overflow: visible !important;\n  color: #5c3a41 !important;\n  background: linear-gradient(145deg, rgba(252,252,253,.98), rgba(246,246,249,.98)) !important;\n  border: 1px solid rgba(209,107,128,.16) !important;\n  border-radius: 18px !important;\n  box-shadow: 0 10px 28px rgba(24,18,22,.08) !important;\n}\n\n/* Each archive root occupies exactly one card cell. */\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p],\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] {\n  position: relative !important;\n  inset: auto !important;\n  display: block !important;\n  align-self: start !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  max-width: 195px !important;\n  height: auto !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box !important;\n  overflow: visible !important;\n  color: #5c3a41 !important;\n  background: transparent !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n/* Polaroid card shared by legacy aside and native details markup. */\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > b,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > summary.rc-archive-toggle {\n  position: relative !important;\n  z-index: 2 !important;\n  display: flex !important;\n  align-items: flex-end !important;\n  justify-content: center !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  height: auto !important;\n  aspect-ratio: 1 / 1 !important;\n  margin: 0 !important;\n  padding: 0 6px clamp(9px, 1.1vw, 15px) !important;\n  box-sizing: border-box !important;\n  overflow: visible !important;\n  color: #fff !important;\n  font-family: system-ui, -apple-system, \"Segoe UI\", sans-serif !important;\n  font-size: clamp(12px, 1.45vw, 20px) !important;\n  font-weight: 800 !important;\n  line-height: 1.2 !important;\n  letter-spacing: .5px !important;\n  text-align: center !important;\n  text-shadow: 0 2px 3px rgba(0,0,0,.98), 0 0 7px rgba(0,0,0,.9) !important;\n  background-color: #d7d7dc !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: cover !important;\n  border: 4px solid #fff !important;\n  border-bottom-width: 12px !important;\n  border-radius: 7px !important;\n  box-shadow: inset 0 -44px 30px -20px rgba(0,0,0,.78), 0 8px 18px rgba(24,18,22,.18) !important;\n  cursor: pointer !important;\n  list-style: none !important;\n  outline: none !important;\n  user-select: none !important;\n  touch-action: manipulation !important;\n  -webkit-tap-highlight-color: transparent !important;\n  transform: rotate(-2deg) !important;\n  transition: transform .18s ease, box-shadow .18s ease !important;\n}\n\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > summary.rc-archive-toggle::-webkit-details-marker {\n  display: none !important;\n}\n\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > summary.rc-archive-toggle > .rc-archive-card {\n  color: inherit !important;\n  font: inherit !important;\n  text-shadow: inherit !important;\n  pointer-events: none !important;\n}\n\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p=\"1\"] > b,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p=\"1\"] > summary { background-image: url('https://i.postimg.cc/fTgNyQq8/629142ef0dd453965f19ad44a2613491.jpg') !important; }\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p=\"2\"] > b,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p=\"2\"] > summary { background-image: url('https://i.postimg.cc/fRth0q6d/36b68b8cb1806ae08976b0778194c7ee.jpg') !important; }\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p=\"3\"] > b,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p=\"3\"] > summary { background-image: url('https://i.postimg.cc/907nQsD6/9f3bb30afcbeae8ce69d14931cb626e2.jpg') !important; }\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p=\"4\"] > b,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p=\"4\"] > summary { background-image: url('https://i.postimg.cc/g0VQvC4L/ba7c89e9f2c7c29b81b2130bbdb8fd5f.jpg') !important; }\n\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p=\"2\"] > b,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p=\"4\"] > b,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p=\"2\"] > summary,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p=\"4\"] > summary {\n  transform: rotate(2deg) !important;\n}\n\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p]:hover > b,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p]:focus > b,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p]:focus-within > b,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > summary:hover,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > summary:focus-visible,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p][open] > summary {\n  z-index: 3 !important;\n  transform: translateY(-4px) rotate(0deg) scale(1.025) !important;\n  box-shadow: inset 0 -44px 30px -20px rgba(0,0,0,.78), 0 13px 26px rgba(209,107,128,.28) !important;\n}\n\n/* RiliChat platform-DOM dependency, verified with F12 on 2026-08-11:\n   its virtual message row uses inline contain:layout style, which creates\n   a containing block for fixed descendants.  Remove only layout containment\n   for rows that actually contain this archive UI; keep style containment. */\ndiv[style*=\"contain: layout style\"][style*=\"position: absolute\"]:has(.rili-markdown-renderer .rc-data-grid) {\n  contain: style !important;\n}\n\n/* One shared viewport drawer.  It stays below RiliChat's 64px header and\n   above the 137px composer measured in the real page. */\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > section.rc-archive-content[p],\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] + section.rc-archive-content[p] {\n  position: fixed !important;\n  inset: clamp(76px, 11dvh, 104px) clamp(14px, 2vw, 30px) clamp(148px, 21dvh, 176px) auto !important;\n  z-index: 45 !important;\n  display: none !important;\n  width: clamp(300px, 24vw, 400px) !important;\n  min-width: 0 !important;\n  max-width: calc(100vw - 28px) !important;\n  height: auto !important;\n  min-height: 0 !important;\n  max-height: none !important;\n  margin: 0 !important;\n  padding: 18px 20px 24px !important;\n  box-sizing: border-box !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  overscroll-behavior: contain !important;\n  scrollbar-gutter: stable !important;\n  color: #5c3a41 !important;\n  font-family: system-ui, -apple-system, \"Segoe UI\", sans-serif !important;\n  font-size: clamp(13px, 1.05vw, 16px) !important;\n  font-weight: 400 !important;\n  line-height: 1.65 !important;\n  text-align: left !important;\n  text-shadow: none !important;\n  white-space: normal !important;\n  background: linear-gradient(160deg, #fff4f8 0%, #fff 68%) !important;\n  border: 1px solid rgba(209,107,128,.28) !important;\n  border-radius: 18px !important;\n  box-shadow: 0 20px 55px rgba(20,14,18,.28), 0 0 0 1px rgba(255,255,255,.72) inset !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n  transform: none !important;\n}\n\n/* Original aside opens by focus. */\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p]:focus > section,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p]:focus-within > section {\n  display: block !important;\n}\n\n/* Actual model output may nest section inside details or place it after it. */\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p]:not([open]) > section.rc-archive-content[p],\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p]:not([open]) + section.rc-archive-content[p] {\n  display: none !important;\n}\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p][open] > section.rc-archive-content[p],\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p][open] + section.rc-archive-content[p] {\n  display: block !important;\n}\n\n/* Real close targets: span for original aside, native summary span for details. */\n.rili-markdown-renderer .rc-data-grid .rc-drawer-close,\n.rili-markdown-renderer .rc-data-grid details.rc-data-panel[p] > summary > .rc-archive-close {\n  position: sticky !important;\n  top: -10px !important;\n  z-index: 3 !important;\n  display: grid !important;\n  place-items: center !important;\n  float: right !important;\n  width: 38px !important;\n  height: 38px !important;\n  margin: -8px -8px 10px 14px !important;\n  padding: 0 !important;\n  box-sizing: border-box !important;\n  color: #9f5265 !important;\n  font: 800 26px/1 system-ui, sans-serif !important;\n  text-shadow: none !important;\n  background: rgba(255,255,255,.98) !important;\n  border: 1px solid rgba(209,107,128,.44) !important;\n  border-radius: 999px !important;\n  box-shadow: 0 6px 18px rgba(92,58,65,.18) !important;\n  cursor: pointer !important;\n  outline: none !important;\n  user-select: none !important;\n  pointer-events: auto !important;\n}\n\n/* In details markup summary is already a native toggle, so its visible × is\n   a real close target on the selected card. */\n.rili-markdown-renderer .rc-data-grid details.rc-data-panel[p] > summary > .rc-archive-close {\n  position: absolute !important;\n  top: 7px !important;\n  right: 7px !important;\n  z-index: 4 !important;\n  float: none !important;\n  display: none !important;\n  margin: 0 !important;\n}\n.rili-markdown-renderer .rc-data-grid details.rc-data-panel[p][open] > summary > .rc-archive-close {\n  display: grid !important;\n}\n/* Do not trap the fixed close target inside the card's stacking context. */\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p][open] > summary.rc-archive-toggle {\n  z-index: auto !important;\n  transform: none !important;\n}\n\n.rili-markdown-renderer .rc-data-grid .rc-drawer-close:hover,\n.rili-markdown-renderer .rc-data-grid .rc-drawer-close:focus-visible,\n.rili-markdown-renderer .rc-data-grid details.rc-data-panel[p] > summary > .rc-archive-close:hover {\n  color: #fff !important;\n  background: #d16b80 !important;\n}\n\n/* Focusing the aside close span collapses the focus-driven drawer. */\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p]:has(> section > .rc-drawer-close:focus) > section {\n  display: none !important;\n}\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p]:has(> section > .rc-drawer-close:focus) > b {\n  transform: rotate(-2deg) !important;\n}\n\n/* Force readable drawer colors regardless of dark/light platform variables. */\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section :where(p, li, div, span),\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > section.rc-archive-content[p] :where(p, li, div, span),\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] + section.rc-archive-content[p] :where(p, li, div, span) {\n  color: #5c3a41 !important;\n  text-shadow: none !important;\n}\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section strong,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > section.rc-archive-content[p] strong,\n.rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] + section.rc-archive-content[p] strong {\n  color: #c45f77 !important;\n  font-weight: 750 !important;\n  text-shadow: none !important;\n}\n.rili-markdown-renderer .rc-data-grid section.rc-archive-content ul,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section ul {\n  margin: 8px 0 14px !important;\n  padding-left: 22px !important;\n}\n.rili-markdown-renderer .rc-data-grid section.rc-archive-content details,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section details {\n  display: block !important;\n  margin: 0 0 12px !important;\n  padding: 5px !important;\n  color: #5c3a41 !important;\n  background: rgba(255,255,255,.84) !important;\n  border: 1px solid rgba(209,107,128,.22) !important;\n  border-radius: 10px !important;\n}\n.rili-markdown-renderer .rc-data-grid section.rc-archive-content details > summary,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section details > summary {\n  position: relative !important;\n  display: block !important;\n  padding: 10px 34px 10px 14px !important;\n  color: #fff !important;\n  font-weight: 750 !important;\n  text-shadow: none !important;\n  background: linear-gradient(135deg, #eca3b3, #d97991) !important;\n  border-radius: 7px !important;\n  cursor: pointer !important;\n  list-style: none !important;\n}\n.rili-markdown-renderer .rc-data-grid section.rc-archive-content details > summary::after,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section details > summary::after {\n  content: \"▼\" !important;\n  position: absolute !important;\n  right: 13px !important;\n  top: 50% !important;\n  color: #fff !important;\n  font-size: 11px !important;\n  transform: translateY(-50%) !important;\n}\n.rili-markdown-renderer .rc-data-grid section.rc-archive-content details[open] > summary::after,\n.rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section details[open] > summary::after {\n  transform: translateY(-50%) rotate(180deg) !important;\n}\n\n.rili-markdown-renderer .rc-tip-panel,\n.rili-markdown-renderer .rc-choice-panel {\n  position: relative !important;\n  clear: both !important;\n}\n\n/* A 1280px desktop with RiliChat's navigation still needs a clear lane for\n   the drawer; reduce only the card track, never the content font. */\n@media (min-width: 701px) and (max-width: 1300px) {\n  .rili-markdown-renderer .rc-data-grid {\n    grid-template-columns: repeat(4, minmax(86px, 150px)) !important;\n    grid-auto-columns: minmax(86px, 150px) !important;\n    gap: 12px !important;\n  }\n  .rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p],\n  .rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] {\n    max-width: 150px !important;\n  }\n}\n\n/* Phone/tablet: retain the four-card strip and use a bottom sheet. */\n@media (max-width: 700px) {\n  .rili-markdown-renderer .rc-data-grid {\n    grid-template-columns: repeat(4, 104px) !important;\n    grid-auto-columns: 104px !important;\n    gap: 10px !important;\n    padding: 12px !important;\n    overflow-x: auto !important;\n    overflow-y: visible !important;\n    scroll-snap-type: x proximity !important;\n    scrollbar-width: none !important;\n    -webkit-overflow-scrolling: touch !important;\n  }\n  .rili-markdown-renderer .rc-data-grid::-webkit-scrollbar { display: none !important; }\n  .rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p],\n  .rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] {\n    width: 104px !important;\n    scroll-snap-align: start !important;\n  }\n  .rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > b,\n  .rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > summary.rc-archive-toggle {\n    font-size: 12px !important;\n    border-width: 3px !important;\n    border-bottom-width: 10px !important;\n  }\n  .rili-markdown-renderer .rc-data-grid > aside.rc-data-panel[p] > section,\n  .rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] > section.rc-archive-content[p],\n  .rili-markdown-renderer .rc-data-grid > details.rc-data-panel[p] + section.rc-archive-content[p] {\n    inset: auto 10px calc(88px + env(safe-area-inset-bottom, 0px)) 10px !important;\n    width: auto !important;\n    max-width: none !important;\n    height: min(50dvh, 480px) !important;\n    max-height: min(50dvh, 480px) !important;\n    padding: 16px 17px 20px !important;\n    border-radius: 17px !important;\n  }\n}\n","options":{"items":[{"order":0,"label":"存档","type":"SET-INPUT","value":"【生成存档】"}]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":true,"defaultModelSettings":null,"totalConversations":37,"totalMessages":267,"totalCreditsUsed":251728,"totalTokensUsed":5742322,"totalPlayedUsers":31,"deeplyPlayed":12,"fixedPromptLength":11770,"lorebookLength":72669,"author":{"id":"qbTKFMCZ4TYCA2vimJOZ7ItSrBxSw39R","name":"朝花夕拾","displayUsername":"4399lyq","username":"4399lyq"},"cardsTags":[{"tag":{"name":"我推的孩子","cardsCount":2}},{"tag":{"name":"已破甲","cardsCount":2528}},{"tag":{"name":"可剧情可涩涩","cardsCount":2957}},{"tag":{"name":"同人","cardsCount":131}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}