🎐综漫大世界🎐

/* --- 聊天框美化：可爱动漫甜心风格 --- */ /* --- 移除聊天框顶部的颜色条 --- */ [class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } /* --- 统一聊天框基础样式 (保留) --- */ .is-user > div, .is-assistant > div { background: rgba(250, 250, 250, 0.25) !important; /* 半透明白色背景 */ backdrop-filter: blur(10px) !important; /* 毛玻璃效果 */ -webkit-backdrop-filter: blur(10px) !important; border-radius: 16px !important; /* 圆角 */ padding: 12px !important; /* 内边距 */ position: relative !important; overflow: hidden !important; border: none !important; /* 移除边框 */ transition: all 0.3s ease !important; /* 平滑过渡效果 */ /* --- 新增/修改的边框代码 --- */ /* 内层：2px 蓝色虚线边框 */ border: 2px dashed #87CEEB !important; /* 外层：2px 粉色实线边框 (通过 box-shadow 实现) */ box-shadow: 0 0 0 2px #FFC0CB !important; } /* --- 确保文本高可读性 (保留) --- */ .rili-markdown-renderer { font-size: 18px !important; line-height: 1.7 !important; color: #333333 !important; /* 深色文本确保可读性 */ position: relative !important; z-index: 2 !important; /* 确保文本在发光效果之上 */ } /* --- 输入框专属样式：粉色单色发光效果 (保留) --- */ div[data-slot="input-group"] { box-shadow: 0 0 15px 2px rgba(255, 182, 193, 0.6) !important; /* 粉色发光 */ } /* --- 输入框右上角添加旋转的樱花动画 (保留) --- */ div[data-slot="input-group"]::after { content: '🌸' !important; position: absolute !important; top: 8px !important; right: 10px !important; font-size: 16px !important; opacity: 0.85 !important; z-index: 3 !important; animation: cherry-spin 8s linear infinite !important; transform-origin: center !important; } @keyframes cherry-spin { 0% { transform: rotate(0deg) translateY(0px); opacity: 0.7; } 25% { transform: rotate(90deg) translateY(-2px); opacity: 0.9; } 50% { transform: rotate(180deg) translateY(0px); opacity: 0.8; } 75% { transform: rotate(270deg) translateY(2px); opacity: 0.9; } 100% { transform: rotate(360deg) translateY(0px); opacity: 0.7; } } /* --- 文本格式化样式重定义 --- */ /* 粗体 - 改为 yêu cầu 的粉色 */ .rili-markdown-renderer strong, .rili-markdown-renderer b { font-weight: 600 !important; color: #D17AAA !important; } /* --- 全新折叠栏样式 --- */ /* 折叠栏标题 <summary> */ .rili-markdown-renderer summary { display: flex !important; align-items: center !important; justify-content: center !important; padding: 7px 10px !important; margin-bottom: 8px !important; /* 增大与下方内容的边距 */ cursor: pointer !important; background: linear-gradient(135deg, rgba(209, 122, 170, 0.8), rgba(227, 253, 255, 0.7)) !important; color: #8b5182 !important; font-weight: bold !important; font-size: 1.1em !important; border-radius: 50px !important; /* 近乎半圆的圆角 */ border: 2px solid white !important; box-shadow: 0 2px 8px rgba(209, 122, 170, 0.4) !important; list-style: none !important; /* 移除默认的三角箭头 */ transition: all 0.3s ease !important; transform: scale(1.03) !important; } .rili-markdown-renderer summary::-webkit-details-marker { display: none !important; } .rili-markdown-renderer summary:hover { transform: scale(1.02) !important; box-shadow: 0 4px 12px rgba(209, 122, 170, 0.6) !important; } /* 折叠内容区域 */ .rili-markdown-renderer details > *:not(summary) { background: rgba(227, 253, 255, 0.16) !important; /* 0.1透明度背景 */ border-radius: 30px !important; /* 标准圆角 */ padding: 15px !important; box-shadow: 0 0 8px 1px rgba(255, 255, 255, 0.9) !important; /* 1px白色边缘发光 */ font-size: 15px !important; /* 字体大小14px */ color: #444 !important; /* 确保深色字体可读性 */ } /* 自定义展开/折叠图标 */ summary::before { content: '✦' !important; /* 可爱的小星星作为图标 */ color: #95618e !important; text-shadow: 0 0 5px rgba(255, 255, 255, 0.7) !important; margin-right: 12px !important; font-size: 1em !important; transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important; /* 果冻回弹效果 */ } details[open] > summary::before { transform: rotate(135deg) !important; } /* --- 底部附加元素：可爱动漫风格 --- */ /* 操作按钮 */ .is-assistant > div button, .is-user > div button { background-color: #FFC0CB !important; /* 柔和粉色 */ color: #fff !important; border-radius: 20px !important; padding: 4px 12px !important; font-size: 0.8em !important; text-transform: none !important; transition: all 0.2s ease !important; border: 1px solid white !important; box-shadow: 0 1px 4px rgba(255, 192, 203, 0.7) !important; } .is-assistant > div button:hover, .is-user > div button:hover { background-color: #FFB6C1 !important; transform: translateY(-2px) !important; } /* 模型名称 */ .MuiTypography-root.MuiTypography-body2.css-6c0gf2 { color: #B0B0B0 !important; /* 高级灰 */ font-weight: 600 !important; text-shadow: none !important; position: relative !important; display: flex !important; align-items: center !important; } /* --- 高级灰粉色动漫风格表格 --- */ .rili-markdown-renderer table { display: block !important; width: 100% !important; overflow-x: auto !important; border-collapse: separate !important; /* 使用 separate 以支持 border-radius */ border-spacing: 0 !important; margin: 1em 0 !important; background-color: #fdf6f8 !important; /* 极淡粉色背景 */ border-radius: 12px !important; border: 1px solid #fce4ec !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; } .rili-markdown-renderer th { background-color: #D17AAA !important; color: white !important; font-weight: bold !important; text-align: left !important; } .rili-markdown-renderer td, .rili-markdown-renderer th { padding: 12px 16px !important; border-bottom: 1px solid #fce4ec !important; } .rili-markdown-renderer tr:last-child td { border-bottom: none !important; } .rili-markdown-renderer td { color: #6d6d6d !important; /* 灰色字体 */ } /* --- 加载动画 (保留) --- */ .style_dot-flashing__8L91Q { display: none; } div:has(> .style_dot-flashing__8L91Q) { display: flex; align-items: center; justify-content: center; padding: 10px; width: 100%; } div:has(> .style_dot-flashing__8L91Q)::before { content: '❀'; display: inline-block; font-size: 22px; margin-right: 4px; flex-shrink: 0; color: #FFB6C1; animation: spin-glow 3s linear infinite; } div:has(> .style_dot-flashing__8L91Q)::after { content: '文本正在穿越时空中...'; display: inline-block; font-size: 15px; color: #FFB6C1; font-weight: 400; animation: text-bounce-glow 2.5s ease-in-out infinite; } @keyframes spin-glow { 0% { transform: rotate(0deg); filter: drop-shadow(0 0 2px #87CEEB); } 50% { filter: drop-shadow(0 0 5px #87CEEB); } 100% { transform: rotate(360deg); filter: drop-shadow(0 0 2px #87CEEB); } } @keyframes text-bounce-glow { 0%, 100% { text-shadow: 0 0 3px #87CEEB; } 25% { text-shadow: 0 0 7px #87CEEB; } 50% { text-shadow: 0 0 3px #87CEEB; } 75% { text-shadow: 0 0 7px #87CEEB; } } /* --- 响应式设计调整 (保留) --- */ @media (max-width: 768px) { .is-user > div, .is-assistant > div { border-radius: 12px !important; } div[data-slot="input-group"]::after { font-size: 14px !important; top: 6px !important; right: 8px !important; } } topinfo { display: block; width: 100%; } .topinfo-container { display: flex; flex-direction: column; gap: 10px; width: 100%; } .row { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .row time, .row moment, .row loc, .row around { flex: 1; min-width: 200px; background: linear-gradient(135deg, rgba(209, 122, 170, 0.6), rgba(227, 253, 255, 0.5)); backdrop-filter: blur(10px); padding: 12px 20px; border-radius: 50px; text-align: center; transition: all 0.3s ease; box-sizing: border-box; font-size: 15px !important; } .row time:hover, .row moment:hover, .row loc:hover, .row around:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(209, 122, 170, 0.6); } /* 小屏幕设备 */ @media (max-width: 768px) { .row time, .row moment, .row loc, .row around { flex: 1 1 100%; min-width: auto; } } text { display: block; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 12px; padding: 15px 20px; margin: 5px 0; box-sizing: border-box; width: 100%; } /* 2. 列表项 <li> 基础样式 */ .rili-markdown-renderer li { list-style-type: none; /* 移除默认数字 */ margin-bottom: 0px; /* 调整列表项间距 */ position: relative; border-radius: 50px; /* 圆角形状 */ font-size: 0.95rem; padding: 4px 8px 4px 12px; /* 减少内边距，降低高度 */ line-height: 1.2; /* 减小行高 */ min-height: auto; /* 移除最小高度限制 */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* 平滑的过渡效果 */ } /* 4. 列表项 <li> 悬浮效果 */ .rili-markdown-renderer li:hover { background-color: #D17AAA !important; /* 背景变为主题粉色 */ border-radius: 50px; /* 圆角形状 */ color: white !important; /* 文字变为白色 */ box-shadow: 0 4px 10px rgba(209, 122, 170, 0.4); /* 添加悬浮阴影 */ } /* 悬浮时，自定义数字也变为白色 */ .rili-markdown-renderer li:hover::before { color: white !important; } /* 5. 悬浮时出现的可爱图标 🎐 */ .rili-markdown-renderer li::after { content: '🎐' !important; /* 将眼睛图标改为闪亮星星 */ color: #fff; /* 闪亮的金色 */ position: absolute !important; right: 18px !important; /* 右对齐 */ top: 50% !important; transform: translateY(-50%) !important; font-size: 22px !important; opacity: 0 !important; /* 默认隐藏 */ transition: all 0.3s ease !important; } /* 悬浮时显示图标并播放动画 */ .rili-markdown-renderer li:hover::after { opacity: 1 !important; animation: sparkle-glow 2s ease-in-out infinite !important; } /* 6. 定义图标的闪烁发光动画 */ @keyframes sparkle-glow { 0%, 100% { text-shadow: 0 0 4px #FFD700, 0 0 6px white; transform: translateY(-50%) scale(1); } 50% { text-shadow: 0 0 12px #FFFFFF, 0 0 16px #FFD700; transform: translateY(-50%) scale(1.2) rotate(15deg); } } /* --- T和Ti提示窗口系统 (可爱综漫风格) --- */ /* 基础设置 */ T { display: inline-block !important; /* 改为inline-block避免换行 */ width: 85% !important; /* 仍然占据整行宽度 */ box-sizing: border-box !important; /* 包含内边距在宽度内 */ } Ti { display: inline; } /* 1. 触发文本 <T> 的样式 */ T { position: relative; color: #a29bfe !important; /* 柔和薰衣草紫 */ cursor: pointer; text-decoration: underline dotted; /* 下划虚线 */ outline: none; border-radius: 6px !important; /* 圆角 */ transition: all 0.3s ease !important; /* 过渡效果 */ background-color: transparent !important; /* 初始透明背景 */ } /* 整行悬浮效果 */ T:hover { color: #6c5ce7 !important; /* 悬浮后变为深薰衣草紫 */ } /* 2. 提示窗口 <Ti> 的核心样式 */ Ti { display: none; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: auto; max-width: 20vw; min-width: 200px; max-height: 60vh; overflow-y: auto; background-color: #fff9f2 !important; /* 奶油白背景 */ color: #574b60 !important; /* 柔和暗紫色文字 */ padding: 15px 18px; border: 2px solid #fab1a0 !important; /* 蜜桃粉边框 */ border-radius: 10px; box-shadow: 0 8px 25px rgba(253, 121, 168, 0.25), /* 糖果粉辉光 */ 0 0 0 1px rgba(250, 177, 160, 0.2) !important; font-size: 15px; line-height: 1.7; text-align: left; z-index: 100001 !important; /* 极高z-index确保在最上层 */ animation: fadeInUp 0.3s ease-out; font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; /* 使用更现代圆润的字体 */ } /* 3. 触碰<T> 时显示 <Ti> */ T:hover > Ti { display: block; } /* 4. 点击外部关闭窗口 */ T:focus { outline: none; } T:hover::after { content: ' ✨' !important; /* 添加闪烁星星符号 */ display: inline !important; font-size: 1.3em !important; color: #fd79a8 !important; /* 糖果粉 */ margin-left: 4px !important; animation: symbolGlow 2s ease-in-out infinite !important; vertical-align: middle !important; } /* 从下方淡入动画 */ @keyframes fadeInUp { from { opacity: 0; transform: translate(-50%, -40%) !important; } to { opacity: 1; transform: translate(-50%, -50%) !important; } } /* Ti内容段落样式 */ Ti p { margin-bottom: 12px !important; text-indent: 2em !important; line-height: 1.7 !important; } Ti p:last-child { margin-bottom: 0 !important; } Ti strong { color: #fd79a8 !important; /* 糖果粉 */ font-weight: 600 !important; } Ti em, Ti i { font-style: normal !important; display: block !important; background: linear-gradient(135deg, #a29bfe, #ffb8c6, #ffeaa7) !important; /* 梦幻渐变: 紫 -> 粉 -> 黄 */ font-size: 0.8em !important; font-weight: 300 !important; margin: 0 2px !important; position: relative !important; font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; text-align: center; text-shadow: none !important; /* 移除文字投影 */ color: #fff !important; } /* 电脑端优化定位 */ @media (min-width: 769px) { Ti { max-width: 400px; min-width: 233px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } } /* 手机端优化 */ @media (max-width: 480px) { T { text-decoration: underline dotted !imp

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。