公开统计
0热度分
0消息量
0世界书字符
11,105固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: rxyywjgw5s0vokbj1vtab2kt.webpbackground: b4tknyi3dlmno2fowgax5uwg.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 12,810 字符;仅作为文本显示,不会在本站执行。
/* ========================================
夏日清凉游戏风 Chat Box Theme
======================================== */
/* 1. 强制隐藏顶部的颜色装饰条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
display: none !important;
}
/* 2. 统一聊天框主体:冰蓝清凉渐变 + 毛玻璃质感 */
.bg-gray-100\/90.relative.inline-block {
/* 清透的冰蓝到薄荷绿渐变背景 */
background: linear-gradient(135deg, rgba(224, 247, 250, 0.85), rgba(178, 235, 242, 0.85)) !important;
backdrop-filter: blur(10px) !important; /* 毛玻璃清透感 */
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.7) !important;
border-radius: 18px !important;
box-shadow: 0 4px 16px rgba(0, 150, 200, 0.08), inset 0 0 12px rgba(255, 255, 255, 0.6) !important;
padding: 16px 20px !important;
position: relative !important;
overflow: hidden !important; /* 确保水印不溢出边框 */
isolation: isolate !important; /* 创建层叠上下文 */
}
/* 3. 🎮 游戏手柄水印点缀 (右下角半透明) */
.bg-gray-100\/90.relative.inline-block::after {
content: "🎮" !important;
position: absolute !important;
bottom: -8px !important;
right: 2px !important;
font-size: 55px !important;
opacity: 0.12 !important; /* 极低透明度,不影响阅读 */
transform: rotate(-15deg) !important;
pointer-events: none !important; /* 防止遮挡文字选中 */
z-index: 0 !important;
}
/* 4. 【核心可读性】主文本样式:浅色背景必须搭配深色文字 */
.markdown-body {
color: #1A365D !important; /* 深海蓝,提供极高对比度 */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
line-height: 1.6 !important;
z-index: 1 !important; /* 确保文字在水印之上 */
position: relative !important;
background: transparent !important;
}
/* 强调文本加粗及颜色微调 */
.markdown-body strong {
color: #0056b3 !important;
font-weight: 700 !important;
}
/* 5. 底部附加元素:适应浅色背景,统一改为深海蓝色系 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
color: #2C5282 !important;
font-weight: 600 !important;
z-index: 1 !important;
position: relative !important;
transition: all 0.2s ease !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
background-color: rgba(0, 86, 179, 0.1) !important;
border-radius: 6px !important;
}
/* 6. 夏日水珠加载动画 (使用内嵌SVG SMIL确保动画鲁棒性) */
/* 隐藏默认加载点 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
display: none !important;
}
/* 调整加载容器 */
.flex.items-center.justify-center.w-6.h-5 {
position: relative !important;
width: 24px !important;
height: 24px !important;
}
/* 注入跳动的清凉水珠 SVG */
.flex.items-center.justify-center.w-6.h-5::before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><circle cx="12" cy="12" r="8" fill="%2326C6DA"><animate attributeName="r" values="8;4;8" dur="1.2s" repeatCount="indefinite"/><animate attributeName="opacity" values="1;0.4;1" dur="1.2s" repeatCount="indefinite"/></circle></svg>') !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
display: block !important;
}
/* 移动端小屏适配 */
@media (max-width: 480px) {
.bg-gray-100\/90.relative.inline-block {
padding: 12px 14px !important;
border-radius: 14px !important;
}
.bg-gray-100\/90.relative.inline-block::after {
font-size: 40px !important;
bottom: -5px !important;
right: 0px !important;
}
}
/* ==========================================
[夏日清凉电玩主题]
核心视觉:薄荷渐变 / 冰透毛玻璃 / 🎮点缀
========================================== */
/* --- 1. 顶部栏:冰透毛玻璃效果与电玩徽章 --- */
.sticky.w-full.top-0.flex.items-center {
/* 清凉薄荷蓝渐变背景,带半透明效果 */
background: linear-gradient(135deg, rgba(224, 247, 250, 0.85), rgba(178, 235, 242, 0.85)) !important;
backdrop-filter: blur(12px) !important; /* 毛玻璃模糊 */
border-bottom: 1px solid rgba(77, 208, 225, 0.4) !important;
box-shadow: 0 4px 15px rgba(0, 188, 212, 0.08) !important;
}
/* 模型选择器:改造为电玩风徽章,并插入🎮图标 */
#ai-model-selector .group.flex.items-center {
background: rgba(255, 255, 255, 0.8) !important;
border: 1px solid #4dd0e1 !important;
border-radius: 20px !important;
padding: 4px 12px !important;
color: #00838f !important;
font-family: system-ui, -apple-system, sans-serif !important;
font-weight: bold !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#ai-model-selector .group.flex.items-center::before {
content: '🎮 ';
margin-right: 6px;
font-size: 15px;
animation: float-icon 3s ease-in-out infinite;
}
#ai-model-selector .group.flex.items-center:hover {
background: #ffffff !important;
box-shadow: 0 0 12px rgba(77, 208, 225, 0.6) !important;
transform: scale(1.02) !important;
}
/* --- 2. 开场白选择器:清凉汽水气泡感 --- */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
background: #e0f7fa !important;
border: 1px solid #80deea !important;
color: #006064 !important;
border-radius: 10px !important;
transition: all 0.3s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
background: #b2ebf2 !important;
box-shadow: 0 2px 10px rgba(0, 188, 212, 0.2) !important;
}
/* --- 3. 按钮栏:薄荷海浪渐变与游戏状态提示 --- */
/* 在按钮组上方添加一行装饰性的游戏状态文字 */
#ai-mod-button2::before {
content: '🎮 ';
display: block;
width: 100%;
text-align: left;
font-size: 11px;
color: #00bcd4;
margin-bottom: 8px;
font-family: monospace !important;
letter-spacing: 0.5px;
opacity: 0.8;
}
#ai-mod-button2 button.MuiButton-root {
background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%) !important;
color: #004d40 !important; /* 深青色保证绝对可读性 */
border: none !important;
border-radius: 12px !important;
font-weight: bold !important;
font-family: system-ui, -apple-system, sans-serif !important;
box-shadow: 0 4px 10px rgba(132, 250, 176, 0.3) !important;
transition: transform 0.2s, box-shadow 0.2s !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
transform: translateY(-3px) !important; /* 悬浮升起效果 */
box-shadow: 0 6px 14px rgba(132, 250, 176, 0.6) !important;
}
/* --- 4. 底部栏与输入框:澄澈水面质感 --- */
#ai-chat-bottom-input {
background: linear-gradient(to top, rgba(224, 247, 250, 0.9), rgba(255, 255, 255, 0)) !important;
}
#ai-chat-input {
background: rgba(255, 255, 255, 0.95) !important;
border: 2px solid #b2ebf2 !important;
border-radius: 16px !important;
color: #006064 !important;
font-family: system-ui, -apple-system, sans-serif !important;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.02), 0 4px 12px rgba(0, 188, 212, 0.08) !important;
transition: border-color 0.3s, box-shadow 0.3s !important;
}
#ai-chat-input:focus {
border-color: #4dd0e1 !important;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.02), 0 0 0 3px rgba(77, 208, 225, 0.2) !important;
outline: none !important;
}
/* 输入框占位符(清凉蓝色) */
#ai-chat-input::placeholder {
color: #80deea !important;
}
/* 文字选中时的清凉高亮效果 */
#ai-chat-input::selection {
background: #84fab0 !important;
color: #004d40 !important;
}
/* --- 5. 评论区:泳池波点背景与动态发送按钮 --- */
/* 评论区底色改为极浅的冰蓝色,并加上类似泳池瓷砖的细微波点 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
background-color: #f4fdfd !important;
background-image: radial-gradient(#b2ebf2 1px, transparent 1px) !important;
background-size: 24px 24px !important;
}
/* 评论发送按钮:悬浮时带有投掷飞镖/游戏攻击的动态感 */
div[data-state="closed"] svg[data-icon="Send03"] {
color: #00bcd4 !important;
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover div[data-state="closed"] svg[data-icon="Send03"] {
transform: scale(1.2) rotate(-15deg) translateX(2px) !important;
color: #00838f !important;
}
/* 评论区排序按钮(选中状态:深薄荷色) */
button.MuiButton-containedPrimary {
background-color: #4dd0e1 !important;
color: white !important;
border-radius: 8px !important;
}
/* 评论区排序按钮(未选中状态:浅薄荷色边框) */
button.MuiButton-outlinedPrimary {
border-color: #80deea !important;
color: #00838f !important;
border-radius: 8px !important;
}
/* --- 动画定义区 --- */
@keyframes float-icon {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-2px); }
}
/* 容器初始化与夏日清凉配色变量 */
ai {
display: block;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 14px;
color: #004d40;
line-height: 1.5;
/* 冰透天蓝渐变背景 */
background: linear-gradient(135deg, #e0f7fa 0%, #b2ebf2 100%);
padding: 10px 5px;
border-radius: 12px;
}
/* 顶部时间天气栏 - 悬浮胶囊设计 */
ai hd {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
background: rgba(255, 255, 255, 0.6);
padding: 6px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
color: #00838f;
margin-bottom: 15px;
box-shadow: 0 2px 8px rgba(0, 172, 193, 0.15);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.9);
}
/* 正文排版优化 */
ai article {
display: block;
margin: 0 5px 20px;
color: #333;
font-size: 15px;
line-height: 1.6;
}
/* 折叠面板 - 游戏机外壳 */
ai details {
background: rgba(255, 255, 255, 0.4);
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 4px 15px rgba(0, 172, 193, 0.2), inset 0 0 10px rgba(255, 255, 255, 0.6);
overflow: hidden;
}
/* 顶部Summary - 模拟手机游戏顶栏 */
ai summary {
background: linear-gradient(90deg, #00acc1, #26c6da);
color: white;
padding: 12px 15px;
font-weight: bold;
font-size: 15px;
cursor: pointer;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
position: relative;
}
ai summary::-webkit-details-marker { display: none; }
/* 右侧注入虚拟电量与信号图标 */
ai summary::after {
content: "📶 🔋98%";
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
background: rgba(0, 0, 0, 0.15);
padding: 2px 8px;
border-radius: 10px;
}
/* 分区卡片 - 毛玻璃质感 */
ai p[t] {
margin: 15px 10px 10px;
padding: 15px 10px 10px;
background: rgba(255, 255, 255, 0.65);
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.9);
position: relative;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
backdrop-filter: blur(4px);
}
/* 电竞风像素标题 */
ai p[t]::before {
content: attr(t);
display: block;
position: absolute;
top: -12px;
left: 10px;
background: #fff;
color: #00acc1;
padding: 2px 10px;
font-size: 12px;
font-weight: 800;
border-radius: 4px;
border: 1px solid #80deea;
/* 像素级硬阴影 */
box-shadow: 2px 2px 0 #80deea;
z-index: 1;
}
/* 强调文字(主角名等) */
ai f {
font-weight: 800;
color: #00838f;
font-size: 15px;
margin-bottom: 6px;
display: block;
border-bottom: 2px solid #b2ebf2;
padding-bottom: 2px;
}
/* 数据行排版 */
ai d {
display: block;
margin-bottom: 5px;
padding-left: 14px;
position: relative;
font-size: 13px;
border-bottom: 1px dashed rgba(0, 172, 193, 0.2);
padding-bottom: 5px;
transition: all 0.2s ease;
}
ai d:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
/* 列表前缀:游戏手柄十字键暗示的方块 */
ai d::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 5px;
height: 5px;
background: #00acc1;
border-radius: 1px;
}
/* Hover交互:高亮选中感 */
ai d:hover {
background: rgba(255, 255, 255, 0.8);
border-radius: 4px;
transform: translateX(3px);
box-shadow: -2px 0 0 #00acc1;
}
/* ================= 特殊区域定制 ================= */
/* 1. 玩具库:带有一丝情欲的粉蓝渐变 */
ai p[t*="玩具"]::before {
color: #d81b60;
border-color: #f48fb1;
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "vkea2vhh6kftxdp47q41srmx.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "rxyywjgw5s0vokbj1vtab2kt.webp",
"background": "b4tknyi3dlmno2fowgax5uwg.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。