公开统计
3,725热度分
639消息量
0世界书字符
9,121固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: j4ifh8hhpkldfbihrwafjvuj.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 13,266 字符;仅作为文本显示,不会在本站执行。
/ --- 黑白干练风格 by AI (v2 - 网站结构适配版) --- */
/* --- 全局字体与背景 --- /
body {
background-color: #e9e9e9 !important; / 设置一个浅灰色背景,突出聊天区域 */
}
/* --- 顶部栏 --- */
.sticky.w-full.top-0.flex.items-center {
background-color: #ffffff !important;
border-bottom: 2px solid #000000 !important;
box-shadow: none !important;
}
/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
background-color: transparent !important;
border: 1px solid transparent !important;
transition: all 0.2s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
border-color: #000000 !important;
}
#ai-model-selector .truncate.text-[13px] {
color: #000000 !important;
font-weight: bold !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
color: #000000 !important;
}
/* 顶部图标 /
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
#header-setting-button svg,
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
color: #000000 !important;
transition: transform 0.2s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover,
#header-setting-button:hover svg,
.sticky.w-full.top-0 button.MuiIconButton-root:hover svg.lucide-music-2 {
transform: scale(1.15) !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot { / 移除 .md:hidden 以确保在所有尺寸都生效 */
background-color: #000000 !important;
}
/* --- 开场白选择器 --- /
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class="border-gray"] {
background-color: #f5f5f5 !important;
border: 2px solid #000000 !important;
border-radius: 0px !important;
transition: all 0.2s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
background-color: #e0e0e0 !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
color: #000000 !important;
}
/* --- 按钮栏 --- */
#ai-mod-button2 button.MuiButton-root {
background-color: #ffffff !important;
color: #000000 !important;
border: 2px solid #000000 !important;
border-radius: 0px !important;
font-weight: bold !important;
transition: all 0.2s ease !important;
box-shadow: 3px 3px 0px #000000 !important;
transform: translate(0, 0) !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
background-color: #000000 !important;
color: #ffffff !important;
box-shadow: 1px 1px 0px #000000 !important;
transform: translate(2px, 2px) !important;
}
#ai-mod-button2 button.MuiButton-root svg {
color: inherit !important;
}
/* --- 底部输入栏 --- */
#ai-chat-bottom-input {
background-color: #ffffff !important;
border: 2px solid #000000 !important;
border-radius: 0px !important;
box-shadow: none !important;
}
#ai-chat-input {
color: #000000 !important;
font-family: 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}
#ai-chat-input::placeholder {
color: #888888 !important;
}
#ai-chat-input::selection {
background-color: #000000 !important;
color: #ffffff !important;
}
/* --- 分页栏 --- /
.MuiPaginationItem-root {
color: #000000 !important;
border: 1px solid #000000 !important;
border-radius: 0px !important;
background-color: #ffffff !important;
transition: all 0.2s ease !important;
}
.MuiPaginationItem-root.Mui-selected {
background-color: #000000 !important;
color: #ffffff !important;
border-color: #000000 !important;
}
.MuiPaginationItem-root:hover:not(.Mui-selected) {
background-color: #e0e0e0 !important;
}
.MuiPaginationItem-root.Mui-disabled {
color: #cccccc !important;
border-color: #cccccc !important;
background-color: #fafafa !important;
}
.MuiPaginationItem-icon {
color: inherit !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root { / 提高选择器特异性 */
color: #000000 !important;
}
.MuiInputBase-input {
border: 1px solid #000000 !important;
border-radius: 0px !important;
color: #000000 !important;
}
/* --- 评论区 --- /
div[class="w-full"][class*="bg-white"][class*="bottom-0"] {
background-color: #f7f7f7 !important;
color: #000000 !important;
border-top: 2px solid #000 !important;
}
div.text-lg.font-bold {
color: #000000 !important;
}
p.MuiTypography-body1.text-grey-600 {
color: #333333 !important;
font-weight: bold !important;
}
span.MuiRating-iconEmpty svg {
color: #cccccc !important;
}
span.MuiRating-iconFilled svg {
color: #000000 !important;
}
span.text-orange-500 {
color: #000000 !important;
font-weight: bold !important;
}
/* 评论输入框 */
div.flex.flex-col.border-gray-200 {
border-color: #cccccc !important;
}
textarea.rc-textarea {
background-color: #ffffff !important;
border: 1px solid #000000 !important;
border-radius: 0px !important;
color: #000000 !important;
}
textarea.rc-textarea:focus {
border-color: #000000 !important;
box-shadow: 0 0 5px rgba(0,0,0,0.2) !important;
}
div.bg-gray-100.text-gray-500 {
background-color: #e0e0e0 !important;
color: #333333 !important;
border-radius: 0 !important;
}
/* 发送评论按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
background-color: #000000 !important;
border-radius: 0px !important;
transition: background-color 0.2s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
background-color: #333333 !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
color: #ffffff !important;
}
/* 评论区其他 /
div.style_divider__mW0YX {
background-color: #cccccc !important;
}
button.MuiButton-containedPrimary, button.MuiButton-outlinedPrimary {
border-radius: 0px !important;
border-width: 2px !important;
font-weight: bold !important;
}
button.MuiButton-containedPrimary {
background-color: #000000 !important;
color: #ffffff !important;
border-color: #000000 !important;
}
button.MuiButton-outlinedPrimary {
background-color: #ffffff !important;
color: #000000 !important;
border-color: #000000 !important;
}
div.group.ml-0 { / 更精确的评论条目选择器 /
border-bottom: 1px solid #e0e0e0 !important;
padding-bottom: 8px !important;
}
div.text-sm.text-grey-600 span.font-bold,
div.break-all {
color: #000000 !important;
}
span.text-[10px] {
background-color: #000000 !important;
color: #ffffff !important;
padding: 1px 4px !important;
border-radius: 0px !important;
}
div.text-xs.text-grey-600 {
color: #666666 !important;
}
button.text-gray-400 {
color: #333333 !important;
transition: color 0.2s ease, transform 0.2s ease !important;
}
button.text-gray-400:hover {
color: #000000 !important;
transform: scale(1.1) !important;
}
span.cursor-pointer.text-gray-400 { / 结合选择器提高特异性 */
color: #333333 !important;
font-weight: bold !important;
transition: color 0.2s ease !important;
}
span.cursor-pointer.text-gray-400:hover {
color: #000000 !important;
}
div.ml-8.border-l {
border-left-color: #cccccc !important;
}
/* --- 追加样式:聊天内容与折叠面板美化 (重构版) --- */
/* --- AI回复内容区整体美化 --- /
.prose {
background-color: #ffffff !important;
background-image: radial-gradient(#dddddd 1px, transparent 1px) !important;
background-size: 20px 20px !important;
border: 2px solid #000000 !important;
padding: 24px !important; / 增加内边距 */
border-radius: 0px !important;
position: relative !important;
color: #000000 !important;
}
/* --- 精美加载动画 --- */
.prose.streaming::before {
content: '•••';
position: absolute;
top: 10px;
left: 20px;
font-size: 36px;
font-weight: bold;
color: #000000;
width: auto;
height: auto;
background: transparent;
border: none;
animation: loading-dots 1.4s infinite;
}
@keyframes loading-dots {
0%, 20% { color: rgba(0,0,0,0); text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); }
40% { color: #000; text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); }
60% { text-shadow: .25em 0 0 #000, .5em 0 0 rgba(0,0,0,0); }
80%, 100% { text-shadow: .25em 0 0 #000, .5em 0 0 #000; }
}
/* --- (重构) 一体化折叠面板模块 --- /
details {
background: #ffffff !important;
border: 2px solid #000000 !important;
border-radius: 0px !important;
margin: 1em 0 !important;
transition: box-shadow 0.3s ease;
position: relative;
overflow: hidden; / 防止内容溢出圆角 */
}
/* 核心:将后续的details向上移动2px,使其边框与前一个重叠,形成一体化效果 */
.prose details + details {
margin-top: -2px !important;
}
/* 第一个details的上边距 */
.prose > details:first-of-type {
margin-top: 2em !important;
}
/* 最后一个details的下边距 */
.prose > details:last-of-type {
margin-bottom: 1em !important;
}
/* 鼠标悬停时,面板轻微上浮并显示阴影,增强交互感 /
details:hover {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
z-index: 10 !important; / 确保阴影在其他面板之上 */
}
summary {
background-color: #000000 !important;
color: #ffffff !important;
font-weight: bold !important;
padding: 12px 20px !important;
cursor: pointer !important;
list-style: none !important;
position: relative !important;
transition: background-color 0.2s ease !important;
user-select: none;
}
summary:hover {
background-color: #2a2a2a !important;
}
/* 移除默认箭头 */
summary::-webkit-details-marker,
summary::marker {
display: none !important;
}
/* 自定义开关指示符 [+] */
summary::before {
content: '[+]' !important;
font-family: 'Courier New', monospace;
font-weight: bold;
margin-right: 12px !important;
color: #ffffff !important;
display: inline-block;
transition: transform 0.3s ease;
}
/* 打开状态的指示符 [-] */
details[open] > summary::before {
content: '[-]' !important;
}
/* 面板展开内容区域 */
details > div,
details > p,
details > table {
padding: 20px !important;
border-top: 2px solid #000000 !important;
}
/* --- AI回复内的表格样式 --- /
.prose table {
width: 100% !important;
border-collapse: collapse !important;
border: 1px solid #000 !important;
margin: 0 !important;
}
.prose th, .prose td {
border: 1px solid #000 !important;
padding: 10px 12px !important;
text-align: left !important;
vertical-align: top;
}
.prose th {
background-color: #f2f2f2 !important;
font-weight: bold !important;
}
/ 对表格应用更严格的边框规则 */
.prose table { border: 2px solid #000; }
.prose table th, .prose table td { border: 1px solid #ccc; }
.prose table th { border-bottom: 2px solid #000; }
/* --- (重构) 内部面板样式 (mlt-panel) --- /
.mlt-panel {
padding: 0 !important;
background-color: #ffffff !important;
}
.mlt-panel-h {
text-align: center !important;
font-weight: bold !important;
font-family: 'Courier New', monospace;
letter-spacing: 4px !important;
padding: 15px 0 !important;
border-bottom: 2px solid #000 !important;
margin-bottom: 10px !important;
background-color: #f7f7f7 !important;
}
.mlt-panel-r {
display: flex !important;
justify-content: space-between !important;
padding: 12px 15px !important; / 调整内边距 /
border-bottom: 1px solid #e0e0e0 !important;
}
.mlt-panel-r:last-of-type {
border-bottom: none !important;
}
.mlt-panel-k {
font-weight: bold !important;
margin-right: 15px !important;
flex-shrink: 0 !important;
color: #000 !important;
}
.mlt-panel-v {
text-align: right !important;
color: #444 !important;
word-break: break-all; / 允许长内容换行 */
}
/* --- (重构) 战术面板样式 (mlt-acts) --- /
.mlt-acts {
padding: 20px !important;
background: #fff !important;
}
.mlt-acts-h {
text-align: center !important;
font-weight: bold !important;
font-family: 'Courier New', monospace;
letter-spacing: 4px !important;
font-size: 1.1em !important;
margin: -20px -20px 20px -20px !important; / 使标题横跨整个区域 */
border-bottom: 2px solid #000 !important;
padding: 15px 0 !important;
background-color: #f7f7f7 !important;
}
.mlt-acts-i {
padding: 12px !important;
border: 1px solid #ddd !important;
margin-bottom: 8px !important;
transition: all 0.2s ease;
border-radius: 0px;
cursor: pointer;
}
.mlt-acts-i:hover {
background-color: #f5f5f5 !important;
border-color: #000 !important;
transform: translateY(-2px);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
/* --- (重构) 论坛面板样式 (mlt-forum) --- */
.m
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ec5tw5nuhmitw7gq1c1v2fw1.html",
"options": null,
"defaultModelSettings": null,
"cover": "j4ifh8hhpkldfbihrwafjvuj.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。