公开统计
1,651热度分
153消息量
0世界书字符
392固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: v9lsaqsedlc6a0m1glhfik3f.webpbackground: zn6p7gtf39opcdyrkw4vr7u7.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 66,886 字符;仅作为文本显示,不会在本站执行。
/* ======================
CSS 模块化重构 - Steel Blue 主题
结构说明:
1. 每个模块包含基础样式和对应的暗色模式适配
2. 使用清晰的注释分隔各个模块
3. 响应式设计整合在对应模块中
====================== */
/* ======================
1. 全局与基础设置
====================== */
* {
box-sizing: border-box !important;
}
/* 全局分隔线样式优化 */
hr {
border: none !important;
border-top: 2px solid #d0d8e8 !important;
margin: 1.5em 0 !important;
opacity: 0.9 !important;
}
hr:hover {
opacity: 1 !important;
box-shadow: 0 0 10px rgba(142, 68, 253, 0.4) !important;
}
/* 暗色模式适配 - 全局分隔线 */
@media (prefers-color-scheme: dark) {
hr {
border-top: 2px solid #d9d1c7 !important;
opacity: 0.8 !important;
}
hr:hover {
box-shadow: 0 0 10px rgba(0, 178, 224, 0.4) !important;
}
}
/* ======================
2. 核心元素:头像
====================== */
.mb-2 .shrink-0 { display: none; } /* 隐藏头像 */
/* ======================
3. 可折叠内容区 (details)
====================== */
details {
position: relative !important;
width: 100% !important;
max-width: 800px !important;
margin: 15px auto !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
box-shadow: none !important;
font-size: 1em !important;
top: auto !important;
right: auto !important;
z-index: 1 !important;
}
details summary {
max-width: 100% !important;
width: 100% !important;
padding: 6px 16px 6px 38px !important;
margin: 0 !important;
position: relative !important;
background: linear-gradient(to right, #8a9bb8, #aabbd8) !important;
color: white !important;
border-radius: 20px !important;
font-size: 1.1em !important;
font-weight: bold !important;
cursor: pointer !important;
list-style: none !important;
box-shadow: 0 2px 8px rgba(100, 120, 180, 0.2) !important;
transition: all 0.3s ease !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
height: auto !important;
}
details summary::before {
content: "📕" !important;
position: absolute !important;
left: 10px !important;
top: 50% !important;
transform: translateY(-50%) rotate(0deg) !important;
font-size: 1em !important;
color: white !important;
z-index: 2 !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
transform-origin: center !important;
}
details[open] summary::before {
content: "📖" !important;
transform: translateY(-50%) rotate(15deg) !important;
color: #ffd700 !important;
text-shadow: 0 0 8px rgba(255, 215, 0, 0.5) !important;
}
details[open] summary {
background: linear-gradient(to right, #9aabc8, #bacbe8) !important;
box-shadow: 0 4px 15px rgba(100, 120, 180, 0.4) !important;
border-radius: 20px !important;
}
details summary:hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(100, 120, 180, 0.3) !important;
background: linear-gradient(to right, #9aabc8, #bacbe8) !important;
}
details > div {
width: 100% !important;
padding: 20px !important;
margin-top: 0 !important;
border-radius: 0 0 10px 10px !important;
box-shadow: 0 4px 20px rgba(100, 120, 180, 0.15) !important;
border: 1px solid #e1e8f0 !important;
background: linear-gradient(135deg, #f8fafd 0%, #f0f4f8 100%) !important;
animation: slideDown 0.3s ease-out !important;
color: #2d3748 !important;
backdrop-filter: blur(5px) !important;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
max-height: 0;
}
to {
opacity: 1;
transform: translateY(0);
max-height: 1000px;
}
}
/* 暗色模式适配 - 可折叠内容区 */
@media (prefers-color-scheme: dark) {
details {
background: transparent !important;
border-color: transparent !important;
color: #e2e8f0 !important;
box-shadow: none !important;
}
details summary {
background: linear-gradient(to right, #5a6070, #6a7080) !important;
color: #f0f4fc !important;
}
details summary:hover,
details[open] summary {
background: linear-gradient(to right, #6a7080, #7a8080) !important;
}
details > div {
background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%) !important;
border-color: #4a5568 !important;
color: #e2e8f0 !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
details > div h1,
details > div h2,
details > div h3,
details > div h4 {
color: #e2e8f0 !important;
border-bottom-color: #4a5568 !important;
}
details > div code {
background: #4a5568 !important;
color: #e2e8f0 !important;
}
}
/* 响应式设计 - 可折叠内容区 */
@media (max-width: 768px) {
details {
max-width: 95% !important;
margin: 10px auto !important;
}
details summary {
padding: 5px 12px 5px 40px !important;
font-size: 1em !important;
}
details summary::before {
left: 12px !important;
}
details > div {
padding: 15px !important;
}
}
@media (max-width: 480px) {
details summary {
padding: 4px 10px 4px 36px !important;
font-size: 1em !important;
}
details summary::before {
left: 12px !important;
}
details > div {
padding: 12px !important;
}
}
/* ======================
4. 表格样式 (table)
====================== */
.table-container {
max-height: 400px !important;
overflow: auto !important;
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(100, 120, 180, 0.1) !important;
margin: 20px 0 !important;
}
details table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background-color: rgba(248, 249, 252, 0.98) !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
details th {
background: #aabbd8 !important;
color: #f8f9fc !important;
font-weight: bold !important;
padding: 14px 18px !important;
text-align: left !important;
border-bottom: 2px solid #4a5a7a !important;
font-size: 1.1em !important;
position: sticky !important;
top: 0 !important;
z-index: 2 !important;
}
details td {
padding: 12px 18px !important;
border-bottom: 1px solid #d0d8e8 !important;
color: #1a1a1a !important;
transition: background-color 0.2s !important;
}
details tr:last-child td {
border-bottom: none !important;
}
details tr:hover td {
background-color: rgba(138, 155, 184, 0.1) !important;
}
details tr:nth-child(even) {
background-color: rgba(230, 233, 244, 0.4) !important;
}
/* 暗色模式适配 - 表格 */
@media (prefers-color-scheme: dark) {
.table-container {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
details table {
background-color: rgba(45, 55, 72, 0.9) !important;
}
details th {
background: linear-gradient(to bottom, #4a5568, #3a4558) !important;
border-bottom-color: #2d3748 !important;
}
details td {
color: #e2e8f0 !important;
border-bottom-color: #4a5568 !important;
}
details tr:nth-child(even) {
background-color: rgba(42, 50, 65, 0.4) !important;
}
details tr:hover td {
background-color: rgba(74, 85, 104, 0.3) !important;
}
}
/* 响应式设计 - 表格 */
@media (max-width: 768px) {
.table-container {
max-height: 300px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
details table {
min-width: 100% !important;
width: auto !important;
}
.table-container::-webkit-scrollbar {
height: 8px !important;
}
.table-container::-webkit-scrollbar-thumb {
background-color: rgba(100, 120, 180, 0.3) !important;
border-radius: 4px !important;
}
}
@media (max-width: 480px) {
details th, details td {
padding: 10px 12px !important;
font-size: 0.9em !important;
}
details td {
word-break: break-word !important;
}
}
/* ======================
5. AI 输出对话框
====================== */
.group .bg-gray-100\/90 {
background: rgba(248, 249, 252, 0.95) !important;
border: 2px solid #a0b0d0 !important;
border-radius: 12px !important;
box-shadow: 3px 3px 8px rgba(100, 120, 180, 0.2) !important;
color: #1a1a1a !important;
padding: 16px !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
position: relative !important;
font-size: 1.0em !important;
line-height: 1.6 !important;
}
.group .bg-gray-100\/90::before {
content: "" !important;
position: absolute !important;
top: -10px !important;
left: 20px !important;
width: 0 !important;
height: 0 !important;
border-left: 10px solid transparent !important;
border-right: 10px solid transparent !important;
border-bottom: 10px solid #a0b0d0 !important;
}
.group .bg-gray-100\/90::after {
content: "" !important;
position: absolute !important;
top: -8px !important;
left: 20px !important;
width: 0 !important;
height: 0 !important;
border-left: 10px solid transparent !important;
border-right: 10px solid transparent !important;
border-bottom: 10px solid rgba(248, 249, 252, 0.95) !important;
}
.group .bg-gray-100\/90 p,
.group .bg-gray-100\/90 li,
.group .bg-gray-100\/90 td,
.group .bg-gray-100\/90 th {
margin: 15px 0 !important;
line-height: 1.7 !important;
font-size: 1.05em !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
color: #3a4458 !important;
text-align: justify !important;
position: relative !important;
}
.group .bg-gray-100\/90 p:last-child,
.group .bg-gray-100\/90 li:last-child {
margin-bottom: 0 !important;
}
/* 暗色模式适配 - AI 输出对话框 */
@media (prefers-color-scheme: dark) {
.group .bg-gray-100\/90 {
background: rgba(45, 55, 72, 0.95) !important;
border-color: #4a5568 !important;
color: #e2e8f0 !important;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4) !important;
}
.group .bg-gray-100\/90::after {
border-bottom: 10px solid rgba(45, 55, 72, 0.95) !important;
}
.group .bg-gray-100\/90 p,
.group .bg-gray-100\/90 li,
.group .bg-gray-100\/90 td,
.group .bg-gray-100\/90 th {
color: #e2e8f0 !important;
}
}
/* ======================
6. 底部输入区域 (已整合发送按钮修复)
====================== */
#ai-chat-bottom-input {
background: transparent !important;
backdrop-filter: none !important;
}
#ai-chat-input {
background-color: #f8f9fc !important;
border: 2px solid #a0b0d0 !important;
border-radius: 8px !important;
color: #3a4458 !important;
box-shadow: inset 2px 2px 4px rgba(100, 120, 180, 0.1) !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 0.85em !important;
padding: 12px 16px !important;
}
/* 发送按钮修复(原模块17) */
#ai-send-button {
width: 32px !important;
height: 32px !important;
overflow: visible !important;
}
#ai-send-button svg {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
width: 20px !important;
height: 20px !important;
fill: #8a9bb8 !important;
color: #8a9bb8 !important;
}
#ai-send-button:hover svg {
fill: #aabbd8 !important;
color: #aabbd8 !important;
}
/* 暗色模式适配 - 底部输入区域 + 发送按钮 */
@media (prefers-color-scheme: dark) {
#ai-chat-input {
background-color: #2d3748 !important;
border: 2px solid #4a5568 !important;
color: #e2e8f0 !important;
box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2) !important;
}
/* 暗色模式下发送按钮配色 */
#ai-send-button svg {
fill: #9aabc8 !important;
color: #9aabc8 !important;
}
#ai-send-button:hover svg {
fill: #bacbe8 !important;
color: #bacbe8 !important;
}
}
/* ======================
7. 顶部横幅
====================== */
.sticky.w-full.top-0.h-16 {
background: #000 !important;
background-image: url('https://youke1.picui.cn/s1/2025/08/14/689dd42f18d31.jpg') !important;
background-size: cover !important;
background-position: center !important;
border-bottom: 1px solid rgba(160, 176, 208, 0.7) !important;
}
/* 暗色模式适配 - 顶部横幅 */
@
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "g7b14y7htgvdeds97so5w4lt.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3-flash-preview",
"modelSettings": {
"topP": 0.8,
"temperature": 0.7
}
},
"cover": "v9lsaqsedlc6a0m1glhfik3f.webp",
"background": "zn6p7gtf39opcdyrkw4vr7u7.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。