公开统计
636热度分
28消息量
22,357世界书字符
15,524固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: glzmduvmykavjcdxj6kxsow9.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 10,504 字符;仅作为文本显示,不会在本站执行。
/* =============================================
* 灰色风格聊天界面CSS样式表
* 包含:气泡美化、按钮样式、输入框设计、响应式布局
* =============================================
*/
/*
* ---------------------------------
* 模块一:对话气泡美化 (AI侧) - 灰色风格
* ---------------------------------
*/
/* AI对话气泡容器样式 */
.group .bg-gray-100\/90 {
background: #f8f8f8 !important; /* 设置浅灰色背景色,使用!important确保优先级 */
border: 1px solid #e0e0e0 !important; /* 设置浅灰色边框,1像素宽度 */
border-radius: 12px !important; /* 设置12像素圆角,使气泡更圆润 */
box-shadow: 0 2px 8px rgba(128, 128, 128, 0.1) !important; /* 添加灰色阴影,增强立体感 */
color: #1a1a1a !important; /* 设置深灰色文字颜色,确保可读性 */
padding: 12px !important; /* 设置内边距为12像素 */
text-shadow: none !important; /* 移除文字阴影,保持清晰 */
}
/*
* ---------------------------------
* 模块二:平台按钮美化 - 灰色风格
* ---------------------------------
*/
/* 操作按钮基础样式 */
.flex.items-center.gap-2.pb-2 > button {
background: #808080 !important; /* 设置灰色按钮背景 */
color: #ffffff !important; /* 设置白色文字颜色 */
border: 1px solid #606060 !important; /* 设置稍深的灰色边框 */
border-radius: 6px !important; /* 设置6像素圆角 */
box-shadow: 0 1px 4px rgba(128, 128, 128, 0.3) !important; /* 添加灰色阴影效果 */
font-weight: bold !important; /* 设置文字加粗 */
text-transform: none !important; /* 取消文字大小写转换 */
transition: all 0.2s ease-in-out !important; /* 添加所有属性的过渡动画,0.2秒缓动效果 */
padding: 6px 16px !important; /* 设置按钮内边距:上下6px,左右16px */
}
/* 按钮悬停状态样式 */
.flex.items-center.gap-2.pb-2 > button:hover {
background: #606060 !important; /* 悬停时加深背景色 */
color: #ffffff !important; /* 保持白色文字 */
border-color: #505050 !important; /* 悬停时加深边框色 */
box-shadow: 0 2px 6px rgba(128, 128, 128, 0.4) !important; /* 悬停时增强阴影效果 */
transform: translateY(-1px) !important; /* 悬停时轻微上移,创造按压感 */
}
/*
* ---------------------------------
* 模块四:输入栏美化 - 灰色风格
* ---------------------------------
*/
/* 聊天输入框基础样式 */
#ai-chat-input {
background-color: #ffffff !important; /* 设置白色背景 */
border: 1px solid #808080 !important; /* 设置灰色边框 */
border-radius: 8px !important; /* 设置8像素圆角 */
color: #1a1a1a !important; /* 设置深灰色文字 */
box-shadow: 0 1px 4px rgba(128, 128, 128, 0.1) !important; /* 添加轻微灰色阴影 */
}
/* 输入框底部容器样式 */
#ai-chat-bottom-input {
background: transparent !important; /* 设置透明背景 */
backdrop-filter: none !important; /* 取消毛玻璃效果 */
}
/* 输入框占位符文字样式 */
#ai-chat-input::placeholder {
color: #999999 !important; /* 设置灰色占位符文字 */
opacity: 0.8 !important; /* 设置80%透明度 */
}
/* 输入框聚焦状态样式 */
#ai-chat-input:focus {
outline: none !important; /* 移除浏览器默认聚焦轮廓 */
border-color: #808080 !important; /* 保持灰色边框 */
box-shadow: 0 0 8px rgba(128, 128, 128, 0.3) !important; /* 添加灰色光晕效果 */
background-color: #fdfdfd !important; /* 设置极浅灰色背景 */
}
/* 灰色风格分隔线 */
.separator {
height: 1px; /* 设置1像素高度 */
background: linear-gradient(to right, transparent, #808080, #808080, transparent); /* 创建渐变分隔线:透明-灰色-灰色-透明 */
border: none; /* 移除默认边框 */
margin: 15px 0 10px 0; /* 设置上下边距:上15px,下10px,左右0 */
filter: none; /* 取消滤镜效果 */
opacity: 0.4; /* 设置40%透明度 */
border-radius: 1px; /* 设置1像素圆角 */
}
/* 基础设置 - 详情框圆角 */
details {
/* 建议添加移动端兼容前缀 */
-webkit-border-radius: 8px; /* Webkit浏览器圆角兼容 */
-moz-border-radius: 8px; /* Firefox浏览器圆角兼容 */
border-radius: 8px; /* 标准圆角属性 */
}
/* 添加媒体查询适配移动端 */
@media screen and (max-width: 768px) {
/* 移动端详情框样式 */
details {
padding: 0.3em; /* 设置较小内边距 */
margin: 0.5em 0; /* 设置较小外边距 */
}
/* 移动端摘要标题样式 */
summary {
font-size: 14px; /* 设置较小字体大小 */
}
}
/* 关闭状态详情框样式 */
details:not([open]) {
height: auto; /* 高度自适应 */
overflow: hidden; /* 隐藏溢出内容 */
}
/* 摘要标题交互优化 */
summary {
-webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
touch-action: manipulation; /* 优化触摸操作 */
}
/* 硬件加速优化 */
details {
transform: translateZ(0); /* 开启3D加速 */
-webkit-transform: translateZ(0); /* Webkit浏览器3D加速兼容 */
backface-visibility: hidden; /* 隐藏背面,优化渲染性能 */
}
/* 打开状态详情框样式 */
details[open] {
min-height: 100px; /* 设置最小高度避免闪烁 */
height: auto; /* 高度自适应内容 */
}
/* 通用盒模型设置 */
* {
box-sizing: border-box; /* 使用border-box盒模型,便于尺寸计算 */
}
/* 基础文字样式 */
:root {
--main-font: "Microsoft YaHei", "Arial", sans-serif; /* 定义主要字体栈 */
--base-size: 16px; /* 定义基础字体大小 */
--gray-light: #cccccc; /* 定义浅灰色变量 */
--gray-medium: #808080; /* 定义中等灰色变量 */
--gray-dark: #606060; /* 定义深灰色变量 */
--gray-pale: #e0e0e0; /* 定义苍白灰色变量 */
}
/* 通用文字基础样式 */
.base-text {
font-family: var(--main-font); /* 使用定义的字体栈 */
font-size: 16px; /* 设置16像素字体大小 */
}
/* 段落样式 */
p {
font-family: var(--main-font); /* 使用定义的字体栈 */
line-height: 24px; /* 设置1.6倍行高,提升可读性 */
letter-spacing: 0.5px; /* 设置0.5像素字间距 */
color: var(--gray-medium); /* 使用中等灰色文字颜色 */
}
/* 一级标题样式 */
h1 {
font-family: var(--main-font); /* 使用定义的字体栈 */
font-size: 16px; /* 设置16像素字体大小 */
border-top: 0.5em solid var(--gray-pale); /* 设置顶部边框,使用苍白灰色 */
margin-top: 0; /* 移除顶部外边距 */
padding-top: 0.5em; /* 设置顶部内边距 */
color: var(--gray-medium); /* 使用中等灰色文字颜色 */
}
/* 字体标签样式 */
font {
font-family: var(--main-font); /* 使用定义的字体栈 */
color: var(--gray-dark); /* 使用深灰色文字颜色 */
}
/* 隐藏内存元素 */
memory {
display: none; /* 完全隐藏内存相关元素 */
}
/* 列表项样式 */
li {
font-family: var(--main-font); /* 使用定义的字体栈 */
font-weight: bold; /* 设置文字加粗 */
list-style-type: disc; /* 设置实心圆点列表标记 */
color: var(--gray-medium); /* 使用中等灰色文字颜色 */
}
/* 详情框样式 */
details {
background: rgba(128, 128, 128, 0.1); /* 设置半透明浅灰色背景 */
padding: 0.5em; /* 设置内边距为0.5em */
margin: 1em 0; /* 设置上下外边距为1em,左右为0 */
border-left: 0.3em solid var(--gray-light); /* 设置左侧边框,使用浅灰色 */
border-radius: 8px; /* 设置8像素圆角 */
transition: background 0.3s ease; /* 添加背景色过渡动画,0.3秒缓动 */
}
/* 详情框标题样式 */
summary {
font-family: var(--main-font); /* 使用定义的字体栈 */
color: var(--gray-medium); /* 使用中等灰色文字颜色 */
font-size: 0.8em; /* 设置相对较小的字体大小 */
cursor: pointer; /* 设置手型光标,提示可点击 */
padding: 0.5em 0; /* 设置上下内边距为0.5em,左右为0 */
transition: color 0.3s ease; /* 添加文字颜色过渡动画,0.3秒缓动 */
}
/* 打开的详情框标题样式 */
details[open] summary {
margin-bottom: 1em; /* 设置底部外边距为1em */
border-bottom: 0.1em solid rgba(128, 128, 128, 0.3); /* 添加底部边框,半透明浅灰色 */
}
/* 详情框悬停效果 */
details:hover {
background: rgba(128, 128, 128, 0.2); /* 悬停时加深背景透明度 */
}
/* 1. 强制隐藏顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
display: none !important;
}
/* 1. 隐藏原始加载元素 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
display: none !important;
}
/* 2. 加载容器:定义厚书的展示空间 */
.flex.items-center.justify-center.w-6.h-5 {
position: relative !important;
width: 100px !important;
height: 80px !important;
margin: 25px auto !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
background: none !important;
}
/* 3. 使用内联SVG实现“厚书翻页”动态效果 (SMIL方案) */
.flex.items-center.justify-center.w-6.h-5::before {
content: "" !important;
position: absolute !important;
width: 100% !important;
height: 100% !important;
/* 编码后的SVG:包含书脊厚度、静态左右页及动态翻转页 */
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3C!-- 书壳/厚度感 --%3E%3Crect x='8' y='14' width='84' height='52' fill='%234a4a4a' rx='3'/%3E%3Crect x='8' y='10' width='84' height='52' fill='%23666666' rx='3'/%3E%3C!-- 左侧固定页面堆叠 --%3E%3Crect x='12' y='14' width='38' height='44' fill='%23f8f8f8' rx='1'/%3E%3Cline x1='16' y1='22' x2='42' y2='22' stroke='%23e0e0e0' stroke-width='1.5'/%3E%3Cline x1='16' y1='30' x2='42' y2='30' stroke='%23e0e0e0' stroke-width='1.5'/%3E%3Cline x1='16' y1='38' x2='35' y2='38' stroke='%23e0e0e0' stroke-width='1.5'/%3E%3C!-- 右侧固定页面堆叠 --%3E%3Crect x='50' y='14' width='38' height='44' fill='%23f8f8f8' rx='1'/%3E%3Cline x1='58' y1='22' x2='84' y2='22' stroke='%23e0e0e0' stroke-width='1.5'/%3E%3Cline x1='58' y1='30' x2='84' y2='30' stroke='%23e0e0e0' stroke-width='1.5'/%3E%3Cline x1='58' y1='38' x2='77' y2='38' stroke='%23e0e0e0' stroke-width='1.5'/%3E%3C!-- 动态翻转页 --%3E%3Cg%3E%3Crect x='50' y='14' width='38' height='44' fill='%23ffffff' stroke='%23c0c0c0' stroke-width='0.5' rx='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 36' to='-180 50 36' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='fill' values='%23ffffff;%23c0c0c0;%23f8f8f8;%23ffffff' dur='1s' repeatCount='indefinite'/%3E%3C/rect%3E%3C!-- 翻转页上的模拟文字 --%3E%3Cline x1='58' y1='22' x2='84' y2='22' stroke='%23909090' stroke-width='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 36' to='-180 50 36' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0;1' dur='1s' repeatCount='indefinite'/%3E%3C/line%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
z-index: 1 !important;
}
/* 4. 移除旧方案的伪元素干扰 */
.flex.items-center.justify-center.w-6.h-5::after {
content: none !important;
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "eakkbpju6guywhtip32oorat.html",
"options": {
"items": [
{
"order": 0,
"label": "性爱优化",
"type": "SET-INPUT",
"value": "【开启性爱优化】"
},
{
"order": 1,
"label": "防抢话",
"type": "SET-INPUT",
"value": "【开启防抢话】"
},
{
"order": 2,
"label": "沉浸增强",
"type": "SET-INPUT",
"value": "【细化时间流逝】"
},
{
"order": 3,
"label": "平然状态",
"type": "SET-INPUT",
"value": "【开启平然状态】"
},
{
"order": 4,
"label": "五千正文",
"type": "SET-INPUT",
"value": "【开启长文模式】"
},
{
"order": 5,
"label": "直播",
"type": "SET-INPUT",
"value": "【开启直播弹幕】"
},
{
"order": 6,
"label": "开启拯救小樱剧情",
"type": "SET-INPUT",
"value": "拯救小樱"
}
]
},
"defaultModelSettings": null,
"cover": "glzmduvmykavjcdxj6kxsow9.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。