公开统计
1,072热度分
92消息量
22,418世界书字符
12,192固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: gedva6vqmh31qpj9md2882cy.webpbackground: x6633pkx4b0eg6xvsru6c8ot.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 8,925 字符;仅作为文本显示,不会在本站执行。
/* ========================================
《天降之物》全模块美化主题 (Sora no Otoshimono)
修复版 - 兼容性优化
======================================== */
/* ========================================
模块一:消息气泡区
======================================== */
/* 用户消息气泡 (妮姆芙 - 傲娇樱花粉) */
#customized-question-content {
background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%) !important;
border-radius: 24px 24px 4px 24px !important;
box-shadow: 0 4px 15px rgba(255, 154, 158, 0.3) !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
}
/* AI消息气泡 (伊卡洛斯 - 天空蓝与云白) */
#customized-answer-content {
background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%) !important;
border-radius: 24px 24px 24px 4px !important;
box-shadow: 0 4px 15px rgba(142, 197, 252, 0.3) !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
}
/* 消息正文颜色与字体 */
#customized-question-content .text-gray-900,
#customized-answer-content .text-gray-900,
#customized-question-content .markdown-body,
#customized-answer-content .markdown-body {
color: #2C2C2C !important;
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
line-height: 1.6 !important;
}
/* 顶部装饰条 —— 改用属性选择器匹配动态类 */
#customized-question-content [class*="bg-[#c9e1e9]"] {
background: #ff7eb3 !important;
border-radius: 10px !important;
}
#customized-answer-content [class*="bg-[#F1CBCB]"] {
background: #4facfe !important;
border-radius: 10px !important;
}
/* 头像光环 */
#customized-question-avatar {
border: 2px solid #ff9a9e !important;
box-shadow: 0 0 10px rgba(255, 154, 158, 0.5) !important;
border-radius: 50% !important;
}
#customized-answer-avatar {
border: 2px solid #8ec5fc !important;
box-shadow: 0 0 10px rgba(142, 197, 252, 0.5) !important;
border-radius: 50% !important;
}
/* AI 操作按钮 */
#customized-reload-button,
#customized-edit-button,
#customized-resend-button,
#customized-delete-button,
#customized-create-image-button,
#customized-create-audio-button,
#customized-branch-and-share-button {
color: #4facfe !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
background: rgba(255, 255, 255, 0.5) !important;
border-radius: 50% !important;
padding: 4px !important;
margin: 0 2px !important;
}
#customized-reload-button:hover,
#customized-edit-button:hover,
#customized-resend-button:hover,
#customized-delete-button:hover {
transform: scale(1.15) translateY(-2px) !important;
color: #ff9a9e !important;
box-shadow: 0 4px 8px rgba(255, 154, 158, 0.4) !important;
}
/* ========================================
模块二:加载动画 (天使光环)
======================================== */
/* 隐藏原有点状加载 */
#customized-answer-content [class*="dot-flashing"] {
display: none !important;
}
/* 替换为旋转光环 —— 使用更通用的类组合 */
#customized-answer-content .flex.items-center.justify-center.w-6.h-5 {
position: relative !important;
width: 30px !important;
height: 30px !important;
}
#customized-answer-content .flex.items-center.justify-center.w-6.h-5::before {
content: '' !important;
display: block !important;
width: 100% !important;
height: 100% !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%234facfe' stroke-width='3' stroke-dasharray='30 15' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='25' cy='25' r='12' fill='none' stroke='%23ff9a9e' stroke-width='2' stroke-dasharray='15 10' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 25 25' to='0 25 25' dur='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* ========================================
模块三:界面控制区
======================================== */
/* 顶部控制栏 */
.sticky.top-0 {
background: rgba(255, 255, 255, 0.7) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-bottom: 1px solid rgba(142, 197, 252, 0.3) !important;
}
/* 底部输入区背景 */
.bg-gradient-to-t {
background: linear-gradient(to top, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0)) !important;
}
/* 主输入框 */
#ai-chat-input {
border-radius: 24px !important;
border: 2px solid #e0c3fc !important;
background: rgba(255, 255, 255, 0.9) !important;
box-shadow: inset 0 2px 5px rgba(142, 197, 252, 0.1) !important;
padding: 12px 20px !important;
transition: all 0.3s ease !important;
}
#ai-chat-input:focus {
border-color: #4facfe !important;
box-shadow: 0 0 12px rgba(79, 172, 254, 0.4), inset 0 2px 5px rgba(142, 197, 252, 0.1) !important;
outline: none !important;
}
/* 发送按钮 */
#ai-send-button {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;
border-radius: 50% !important;
box-shadow: 0 4px 10px rgba(79, 172, 254, 0.4) !important;
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
#ai-send-button:hover {
transform: scale(1.1) rotate(-10deg) !important;
}
#ai-send-button .icon-icon-send {
color: white !important;
}
/* 快捷按钮组 */
#ai-mod-button2 .MuiButton-outlinedPrimary {
border-radius: 20px !important;
border: 1px solid #8ec5fc !important;
color: #4facfe !important;
background: rgba(255, 255, 255, 0.8) !important;
text-transform: none !important;
transition: all 0.3s ease !important;
}
#ai-mod-button2 .MuiButton-outlinedPrimary:hover {
background: #8ec5fc !important;
color: #fff !important;
box-shadow: 0 4px 10px rgba(142, 197, 252, 0.4) !important;
}
/* ========================================
模块四:评论区
======================================== */
/* 评论面板主容器 */
.absolute.bottom-0.z-20.inset-x-0.bg-white {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(240, 248, 255, 0.98)) !important;
border-radius: 30px 30px 0 0 !important;
box-shadow: 0 -10px 30px rgba(142, 197, 252, 0.2) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/* 评分星星 */
.MuiRating-iconFilled {
color: #ff9a9e !important;
filter: drop-shadow(0 0 4px rgba(255, 154, 158, 0.6)) !important;
}
/* 评论输入框 */
textarea[placeholder="发表评论"] {
border-radius: 16px !important;
border: 2px solid #e0c3fc !important;
background: rgba(255, 255, 255, 0.8) !important;
padding: 12px !important;
transition: all 0.3s ease !important;
}
textarea[placeholder="发表评论"]:focus {
border-color: #ff9a9e !important;
box-shadow: 0 0 10px rgba(255, 154, 158, 0.3) !important;
outline: none !important;
}
/* 评论列表滚动条 */
.p-3.overflow-y-auto.h-full::-webkit-scrollbar {
width: 6px !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-thumb {
background: #8ec5fc !important;
border-radius: 10px !important;
}
.p-3.overflow-y-auto.h-full::-webkit-scrollbar-track {
background: transparent !important;
}
/* 评论区发送按钮 */
svg[data-icon="Send03"] {
color: #4facfe !important;
transition: transform 0.2s ease !important;
}
svg[data-icon="Send03"]:hover {
transform: scale(1.2) translateX(2px) !important;
color: #ff9a9e !important;
}
/* ========================================
移动端适配
======================================== */
@media (max-width: 768px) {
#customized-question-content,
#customized-answer-content {
padding: 12px 16px !important;
border-radius: 18px !important;
}
#customized-question-avatar,
#customized-answer-avatar {
width: 32px !important;
height: 32px !important;
}
#ai-chat-input {
padding: 10px 16px !important;
font-size: 14px !important;
}
#ai-mod-button2 .MuiButton-outlinedPrimary {
padding: 4px 10px !important;
font-size: 12px !important;
}
.absolute.bottom-0.z-20.inset-x-0.bg-white {
border-radius: 20px 20px 0 0 !important;
}
}
/* ========================================
动效降级 (减少动画)
======================================== */
@media (prefers-reduced-motion: reduce) {
#ai-send-button:hover,
#customized-reload-button:hover,
#customized-edit-button:hover,
svg[data-icon="Send03"]:hover {
transform: none !important;
}
/* 光环降级为静态图标 */
#customized-answer-content .flex.items-center.justify-center.w-6.h-5::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234facfe'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") !important;
}
}{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "sid8ckbwavfcjfagdoewio6y.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "gedva6vqmh31qpj9md2882cy.webp",
"background": "x6633pkx4b0eg6xvsru6c8ot.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。