公开统计
536热度分
202消息量
2,407世界书字符
8,750固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: yq7eoa644cmypqciggucko4p.webpbackground: l9l2uber833cyg9l1ymkotak.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 7,583 字符;仅作为文本显示,不会在本站执行。
/*
* =================================
* 暖阳咖啡·日常手账风格 v1.0
* =================================
* 主色调:咖啡棕、奶油白、书页黄
* 元素意象:书页纹理、钢笔笔触、阳光斑点、咖啡渍
*/
/*
* ---------------------------------
* 模块一:对话气泡美化 (AI侧) · 书页信笺
* ---------------------------------
*/
.group .bg-gray-100\/90 {
/* 奶油羊皮纸底色,模拟微微泛黄的书页 */
background: #FDF8F0 !important;
/* 深咖啡色边框,像拿铁的颜色 */
border: 2px solid #6F4E37 !important;
/* 柔和圆角,如被摩挲过的纸边 */
border-radius: 12px !important;
/* 核心变化:投影不再是硬朗的黑色块,而是模拟多层纸张的柔和阴影与钢笔线条 */
box-shadow:
4px 4px 0px #D2B48C, /* 浅咖啡色硬影,模仿便签纸厚度 */
8px 8px 12px rgba(101, 67, 33, 0.15) /* 柔和的暖灰阴影,像午后阳光下的投影 */
!important;
/* 深褐色文字,像用棕色墨水书写 */
color: #4A3525 !important;
/* 增加内边距,让文字有呼吸感,像写在信纸中央 */
padding: 16px 18px !important;
/* 添加一点点背景噪点/纹理 (通过叠加一个极淡的噪点层,需支持background-image) */
background-image: radial-gradient(circle at 20% 30%, rgba(255, 245, 235, 0.4) 0%, transparent 50%);
/* 字体轻微调整,更具书写感(取决于系统字体) */
font-family: 'Georgia', 'Times New Roman', '宋体', serif;
line-height: 1.6;
}
/* 在AI气泡左上角添加一个极淡的钢笔小图标装饰 (可选,利用伪元素) */
.group .bg-gray-100\/90::before {
content: "✎﹏";
display: block;
font-size: 12px;
color: #C4A484;
opacity: 0.5;
margin-bottom: 8px;
letter-spacing: 2px;
border-bottom: 1px dashed #D2B48C;
padding-bottom: 6px;
}
/*
* ---------------------------------
* 模块二:平台按钮美化 · 咖啡店小黑板
* ---------------------------------
*/
.flex.items-center.gap-2.pb-2 > button {
/* 按钮底色:拿铁咖啡的奶泡色 */
background: #F3E8DE !important;
/* 文字:深烘焙咖啡豆色 */
color: #5C3A21 !important;
/* 边框:咖啡色,稍粗一点像黑板边框 */
border: 2px solid #8B5A2B !important;
border-radius: 20px !important; /* 更圆润,像咖啡豆或按钮 */
/* 阴影改为柔和光影,不再是黑块位移 */
box-shadow:
0 4px 0 #A67B5B, /* 底部深咖啡色投影,模拟厚度 */
2px 4px 8px rgba(140, 90, 40, 0.15) /* 外围柔光 */
!important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0.3px;
/* 平滑过渡 */
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
padding: 6px 18px !important;
/* 添加一个极淡的咖啡渍纹理背景 */
background-image: repeating-linear-gradient(45deg, rgba(200, 160, 120, 0.05) 0px, rgba(200, 160, 120, 0.05) 2px, transparent 2px, transparent 6px);
}
/* 按钮悬停 - 像是被指尖按下,咖啡粉压实的感觉 */
.flex.items-center.gap-2.pb-2 > button:hover {
/* 颜色变深,像烘焙更深 */
background: #E6D5C3 !important;
color: #3E2723 !important;
/* 模拟按下:y轴下移,底部阴影减小 */
transform: translateY(2px) !important;
box-shadow:
0 2px 0 #8B5A2B,
2px 4px 8px rgba(140, 90, 40, 0.1)
!important;
/* 增加一点点内阴影,增加按下感 */
border-color: #6F4E37 !important;
}
/*
* ---------------------------------
* 模块三:多余元素隐藏 (保持原注释,不修改)
* ---------------------------------
*/
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
/* display: none !important; */
}
/*
* ---------------------------------
* 模块四:输入栏美化 · 咖啡杯旁的笔记本
* ---------------------------------
*/
#ai-chat-input {
/* 笔记本内页的米白色 */
background-color: #FFF9F2 !important;
/* 边框像用钢笔画的线 */
border: 2px solid #A67B5B !important;
border-radius: 16px !important;
/* 文字:深褐色 */
color: #4E3620 !important;
/* 内阴影模拟书页略微凹陷的质感 */
box-shadow:
inset 2px 2px 5px rgba(160, 120, 80, 0.08),
0 2px 4px rgba(0,0,0,0.05)
!important;
padding: 12px 16px !important;
font-size: 15px;
/* 光标颜色也变成咖啡色 */
caret-color: #8B5A2B;
/* 模拟横线笔记本的背景线条 (非常淡) */
background-image: linear-gradient(to bottom, transparent 95%, rgba(200, 170, 140, 0.15) 95%);
background-size: 100% 24px;
line-height: 24px;
}
/* 输入框获得焦点时,像钢笔尖触纸 */
#ai-chat-input:focus {
border-color: #5C3A21 !important;
box-shadow:
inset 1px 1px 6px rgba(100, 70, 40, 0.1),
0 0 0 3px rgba(210, 180, 140, 0.3) /* 柔和的焦外光晕 */
!important;
outline: none !important;
}
/* 输入框容器透明化,让它像直接放在桌面上 */
#ai-chat-bottom-input {
background: transparent !important;
backdrop-filter: none !important;
/* 给底部容器加一点极淡的暖光,像阳光从窗户照进来 */
box-shadow: inset 0 8px 8px -8px rgba(210, 150, 100, 0.15);
}
/*
* ---------------------------------
* 附加细节:整体背景氛围(可选,如果原背景是纯色)
* 如果您想给整个聊天背景加上“阳光穿过窗格”的温暖感,可取消下面注释
* ---------------------------------
*/
/*
body, .chat-container, #__next {
background: #F7EFE6 !important;
background-image: radial-gradient(circle at 10% 20%, rgba(255, 245, 220, 0.3) 0%, transparent 40%),
radial-gradient(circle at 90% 80%, rgba(235, 200, 160, 0.2) 0%, transparent 50%);
}
*/
/* 微调滚动条颜色,使其融入咖啡氛围 (webkit内核浏览器) */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #F3E8DE;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #C4A484;
border-radius: 10px;
border: 2px solid #F3E8DE;
}
::-webkit-scrollbar-thumb:hover {
background: #8B5A2B;
}
/* 整体代码块外层:圆角与柔和阴影,咖啡色边框 */
.markdown-body pre {
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 4px 12px rgba(109, 76, 65, 0.12) !important;
border: 1px solid #D7CCC8 !important;
}
/* 头部栏:深咖啡色背景 (深烘焙色) */
.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
background-color: #6D4C41 !important;
border-bottom: 1px solid #5D4037 !important;
height: 38px !important; /* 稍微加高增加呼吸感 */
padding: 0 12px !important;
}
/* 语言标签:米白色文字,日常向字体风格 */
.markdown-body pre > div > div.flex.justify-between > div.text-\[13px\],
.markdown-body pre > div > div.flex.justify-between > div:first-child {
color: #EFEBE9 !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
font-family: 'Nunito', 'Comic Sans MS', sans-serif !important;
}
/* 复制按钮SVG图标颜色联动 (奶泡浅棕色) */
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"] > svg {
color: #D7CCC8 !important;
transition: all 0.3s ease !important;
}
/* 复制按钮Hover状态:焦糖暖黄色,微放大增添互动感 */
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover > svg {
color: #FFCA28 !important;
transform: scale(1.15) !important;
}
/* 代码内容区:拿铁色(浅米咖色)背景,深咖啡色文字 */
.markdown-body pre > div > div[node] {
background-color: #FBF8F6 !important;
color: #4E342E !important;
padding: 16px 16px 16px 16px !important;
font-family: 'Consolas', 'Monaco', monospace !important;
line-height: 1.6 !important;
}
/* 无语言标识的纯代码块 (统一风格) */
.markdown-body pre > code[node] {
background-color: #FBF8F6 !important;
color: #4E342E !important;
border-radius: 12px !important;
padding: 16px !important;
border: 1px solid #D7CCC8 !important;
display: block !important;
}
/* 自定义滚动条(咖啡色系,圆润可爱) */
.markdown-body pre > div > div[node]::-webkit-scrollbar {
height: 8px !important;
width: 8px !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-track {
background: #EFEBE9 !important;
border-radius: 4px !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb {
background: #BCAAA4 !important;
border-radius: 4px !important;
}
.markdown-body pre > div > div[node]::-webkit-scrollbar-thumb:hover {
background: #8D6E63 !important;
}
think {
display: none;
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "whput7jf34laks777yd26gun.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "yq7eoa644cmypqciggucko4p.webp",
"background": "l9l2uber833cyg9l1ymkotak.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。