公开统计
8,394热度分
2,151消息量
2,641世界书字符
7,900固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: g39uhmj6tpsh5d4zj2cos3zk.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 25,101 字符;仅作为文本显示,不会在本站执行。
/* ==========================================
🍵 绿茶男娘主题 · 聊天框美化方案
特点: 淡青薄荷、飘落茶叶、蝴蝶结与爱心、柔软清新
========================================== */
/* 1. 移除默认顶部装饰条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
display: none !important;
}
/* 2. 统一聊天框 — 淡青薄荷渐变 */
.bg-gray-100\/90.relative.inline-block {
background: linear-gradient(
135deg,
#F0F9F8 0%,
#E0F2F1 20%,
#E6F4F1 40%,
#DDF1ED 60%,
#E8F5F2 80%,
#F5FBFA 100%
) !important;
border: 2px solid rgba(127, 205, 192, 0.4) !important;
box-shadow:
0 0 0 1px rgba(178, 223, 219, 0.3),
0 4px 16px rgba(95, 181, 168, 0.12),
0 8px 32px rgba(127, 205, 192, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.95),
inset 0 -1px 0 rgba(127, 205, 192, 0.1) !important;
border-radius: 24px !important;
isolation: isolate !important;
position: relative !important;
overflow: hidden !important;
padding: 20px !important;
transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.bg-gray-100\/90.relative.inline-block:hover {
box-shadow:
0 0 0 2px rgba(95, 181, 168, 0.45),
0 6px 24px rgba(95, 181, 168, 0.22),
0 12px 48px rgba(127, 205, 192, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 1),
inset 0 -1px 0 rgba(127, 205, 192, 0.2) !important;
transform: translateY(-2px) scale(1.005) !important;
}
/* 3. 背景装饰 — 飘落茶叶与爱心 (SVG SMIL) */
.bg-gray-100\/90.relative.inline-block::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 0 !important;
pointer-events: none !important;
opacity: 0.5 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cpath d='M 80,60 Q 70,70 75,85 Q 85,95 95,85 Q 100,70 90,60 Q 85,55 80,60 Z' fill='%237FCDC0' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.4;0.7;0.4' dur='4s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-20 85 75;20 85 75;-20 85 75' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 200,100 Q 190,110 195,125 Q 205,135 215,125 Q 220,110 210,100 Q 205,95 200,100 Z' fill='%235FB5A8' opacity='0.38'%3E%3Canimate attributeName='opacity' values='0.38;0.68;0.38' dur='4.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='15 205 115;-15 205 115;15 205 115' dur='7s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 350,80 Q 340,90 345,105 Q 355,115 365,105 Q 370,90 360,80 Q 355,75 350,80 Z' fill='%2390D5C8' opacity='0.42'%3E%3Canimate attributeName='opacity' values='0.42;0.72;0.42' dur='3.8s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-25 355 93;25 355 93;-25 355 93' dur='6.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 480,140 Q 470,150 475,165 Q 485,175 495,165 Q 500,150 490,140 Q 485,135 480,140 Z' fill='%23A5D6CC' opacity='0.36'%3E%3Canimate attributeName='opacity' values='0.36;0.65;0.36' dur='4.2s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='20 485 155;-20 485 155;20 485 155' dur='7.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 550,70 Q 540,80 545,95 Q 555,105 565,95 Q 570,80 560,70 Q 555,65 550,70 Z' fill='%237FCDC0' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.4;0.7;0.4' dur='3.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-18 555 83;18 555 83;-18 555 83' dur='6.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 120,250 C 120,242 112,240 110,248 C 108,240 100,242 100,250 C 100,258 110,265 110,265 C 110,265 120,258 120,250 Z' fill='%23E8B4C8' opacity='0.32'%3E%3Canimate attributeName='opacity' values='0.32;0.58;0.32' dur='2.8s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-10;0,0' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 300,300 C 300,292 292,290 290,298 C 288,290 280,292 280,300 C 280,308 290,315 290,315 C 290,315 300,308 300,300 Z' fill='%23F5C2C7' opacity='0.34'%3E%3Canimate attributeName='opacity' values='0.34;0.6;0.34' dur='3.2s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-12;0,0' dur='5.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 450,280 C 450,272 442,270 440,278 C 438,270 430,272 430,280 C 430,288 440,295 440,295 C 440,295 450,288 450,280 Z' fill='%23E8B4C8' opacity='0.3'%3E%3Canimate attributeName='opacity' values='0.3;0.56;0.3' dur='3s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-8;0,0' dur='4.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='150' cy='180' r='3' fill='%23B2DFDB' opacity='0.55'%3E%3Canimate attributeName='r' values='3;5;3' dur='2.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.55;0.85;0.55' dur='2.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='400' cy='200' r='2.5' fill='%2390D5C8' opacity='0.5'%3E%3Canimate attributeName='r' values='2.5;4.5;2.5' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0.8;0.5' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
/* 4. 背景装饰 — 蝴蝶结与气泡 (SVG SMIL) */
.bg-gray-100\/90.relative.inline-block::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 0 !important;
pointer-events: none !important;
opacity: 0.32 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cg transform='translate(100,160)' opacity='0.5'%3E%3Cpath d='M -12,0 Q -18,-8 -10,-6 Q -2,-2 0,0 Q -2,2 -10,6 Q -18,8 -12,0 Z' fill='%23A5D6CC'%3E%3Canimate attributeName='opacity' values='0.6;0.95;0.6' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 12,0 Q 18,-8 10,-6 Q 2,-2 0,0 Q 2,2 10,6 Q 18,8 12,0 Z' fill='%23A5D6CC'%3E%3Canimate attributeName='opacity' values='0.6;0.95;0.6' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='0' cy='0' r='2.5' fill='%237FCDC0'%3E%3Canimate attributeName='r' values='2.5;3.5;2.5' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='100,160;105,155;100,160' dur='5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3Cg transform='translate(320,230)' opacity='0.5'%3E%3Cpath d='M -14,0 Q -20,-9 -11,-7 Q -3,-2 0,0 Q -3,2 -11,7 Q -20,9 -14,0 Z' fill='%2390D5C8'%3E%3Canimate attributeName='opacity' values='0.55;0.9;0.55' dur='4.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 14,0 Q 20,-9 11,-7 Q 3,-2 0,0 Q 3,2 11,7 Q 20,9 14,0 Z' fill='%2390D5C8'%3E%3Canimate attributeName='opacity' values='0.55;0.9;0.55' dur='4.5s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='0' cy='0' r='3' fill='%235FB5A8'%3E%3Canimate attributeName='r' values='3;4;3' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='320,230;325,225;320,230' dur='5.5s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3Cg transform='translate(500,120)' opacity='0.5'%3E%3Cpath d='M -10,0 Q -16,-7 -9,-5 Q -2,-2 0,0 Q -2,2 -9,5 Q -16,7 -10,0 Z' fill='%23B2DFDB'%3E%3Canimate attributeName='opacity' values='0.5;0.85;0.5' dur='3.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 10,0 Q 16,-7 9,-5 Q 2,-2 0,0 Q 2,2 9,5 Q 16,7 10,0 Z' fill='%23B2DFDB'%3E%3Canimate attributeName='opacity' values='0.5;0.85;0.5' dur='3.8s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='0' cy='0' r='2.2' fill='%2390D5C8'%3E%3Canimate attributeName='r' values='2.2;3.2;2.2' dur='3.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' type='translate' values='500,120;505,116;500,120' dur='4.8s' repeatCount='indefinite' additive='replace'/%3E%3C/g%3E%3Ccircle cx='60' cy='90' r='5' fill='none' stroke='%237FCDC0' stroke-width='1.2' opacity='0.4'%3E%3Canimate attributeName='r' values='3;8;3' dur='5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='240' cy='130' r='4' fill='none' stroke='%2390D5C8' stroke-width='1' opacity='0.4'%3E%3Canimate attributeName='r' values='2.5;7;2.5' dur='4.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='420' cy='80' r='5' fill='none' stroke='%23A5D6CC' stroke-width='1.2' opacity='0.4'%3E%3Canimate attributeName='r' values='3;8;3' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='180' cy='340' r='4' fill='none' stroke='%237FCDC0' stroke-width='1' opacity='0.4'%3E%3Canimate attributeName='r' values='2;7;2' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='5.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='380' cy='350' r='4.5' fill='none' stroke='%2390D5C8' stroke-width='1' opacity='0.4'%3E%3Canimate attributeName='r' values='2.5;7.5;2.5' dur='5.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0;0.5' dur='5.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
/* 5. 主文本内容 — 深青墨色高对比 */
.markdown-body {
color: #1F4945 !important;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Source Han Sans", sans-serif !important;
background: transparent !important;
position: relative !important;
z-index: 1 !important;
line-height: 1.8 !important;
letter-spacing: 0.015em !important;
font-weight: 500 !important;
}
.markdown-body strong {
color: #2E8B7F !important;
font-weight: 700 !important;
background: rgba(127, 205, 192, 0.18) !important;
padding: 1px 5px !important;
border-radius: 5px !important;
}
.markdown-body ::selection {
background: rgba(95, 181, 168, 0.35) !important;
color: #1A1A1A !important;
}
.markdown-body::before {
content: "🍵 " !important;
filter: drop-shadow(0 0 4px rgba(95, 181, 168, 0.4)) !important;
}
/* 行内代码 */
.markdown-body code {
background: rgba(127, 205, 192, 0.2) !important;
color: #1F5F58 !important;
border-radius: 6px !important;
padding: 3px 7px !important;
border: 1px solid rgba(95, 181, 168, 0.35) !important;
font-size: 0.92em !important;
font-weight: 600 !important;
}
/* 代码块 */
.markdown-body pre {
background: rgba(255, 255, 255, 0.92) !important;
border: 2px solid rgba(127, 205, 192, 0.35) !important;
border-radius: 16px !important;
box-shadow: 0 6px 20px rgba(95, 181, 168, 0.15) !important;
overflow: hidden !important;
margin: 1.5em 0 !important;
position: relative !important;
z-index: 1 !important;
}
.markdown-body pre > div > div.flex.justify-between.h-8,
.markdown-body pre > div > div.border-b {
background: linear-gradient(135deg, #E0F2F1, #F0F9F8) !important;
border-bottom: 1px solid rgba(127, 205, 192, 0.3) !important;
padding: 0 18px !important;
height: 42px !important;
}
.markdown-body pre > div > div.flex.justify-between > div:first-child {
color: #2E8B7F !important;
font-weight: 700 !important;
font-family: 'Consolas', 'Monaco', monospace !important;
text-transform: uppercase !important;
font-size: 13px !important;
letter-spacing: 1.2
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "zhmxn128xk33uf2zclqj7mrb.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "g39uhmj6tpsh5d4zj2cos3zk.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。