公开统计
1,107热度分
367消息量
0世界书字符
7,145固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: amuff2pb8j1itca1vsprfmtw.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 22,043 字符;仅作为文本显示,不会在本站执行。
/* ========================================
✦ 叶孤月 · 青梅月光 · 主题CSS ✦
风格:清透 · 初恋 · 白月光 · 韩式精致
适配:手机端 + 电脑端 + 日光/夜览模式
故事:User的青梅竹马,前SM王牌练习生
======================================== */
/* 导入字体 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Quicksand:wght@400;500;600&display=swap');
:root {
/* 叶孤月主题色 · 月光白/极淡紫/透青 */
--ygy-moon-white: #FDFCFB;
--ygy-porcelain: #F5F2EF;
--ygy-vein-blue: #D8E2E8;
--ygy-deep-brown: #5C4A3A;
--ygy-rose-pink: #F0D5D8;
--ygy-petal-purple: #E8DFEB;
--ygy-accent-purple: #B8A5C5;
--ygy-shadow-cool: #C5C5D0;
--ygy-text-dark: #3A3036;
--ygy-glass: rgba(253, 252, 251, 0.82);
/* 边框渐变 · 韩式柔和渐变 */
--ygy-border-glow: linear-gradient(135deg,
var(--ygy-vein-blue) 0%,
var(--ygy-petal-purple) 30%,
var(--ygy-rose-pink) 60%,
var(--ygy-vein-blue) 100%);
}
/* === 全局基础 === */
body, .chat-container, .status-content, .message-bubble {
font-family: 'Noto Sans KR', 'Noto Sans SC', 'Quicksand', sans-serif !important;
}
body {
position: relative;
min-height: 100vh;
background: #FBF9F8;
}
/* === 背景装饰 · 碎光与玻璃珠 === */
/* 左上角 · 晨曦柔光 */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 260px;
height: 260px;
background:
radial-gradient(circle at 25% 25%, rgba(232, 223, 235, 0.4) 0%, transparent 60%),
radial-gradient(circle at 35% 30%, rgba(240, 213, 216, 0.25) 0%, transparent 50%),
repeating-linear-gradient(135deg, transparent 0px, transparent 18px, rgba(216, 226, 232, 0.06) 18px, rgba(216, 226, 232, 0.06) 20px);
border-radius: 0 0 70% 0;
pointer-events: none;
z-index: 0;
}
/* 右下角 · 玻璃珠链 */
body::after {
content: "🫧";
position: fixed;
bottom: 15px;
right: 15px;
font-size: 42px;
opacity: 0.18;
transform: rotate(8deg);
filter: drop-shadow(0 0 8px #D8E2E8);
pointer-events: none;
z-index: 0;
}
/* 右上角 · 细碎星光 */
.chat-container {
position: relative;
}
.chat-container::before {
content: "✦ ✦ ✦";
position: absolute;
top: -5px;
right: 25px;
font-size: 22px;
opacity: 0.13;
letter-spacing: 14px;
color: var(--ygy-accent-purple);
pointer-events: none;
z-index: 1;
}
/* 左下角 · 练习室地板碎片纹理 */
#chat-content {
position: relative;
}
#chat-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 110px;
height: 110px;
background:
repeating-linear-gradient(45deg, transparent 0px, rgba(184, 165, 197, 0.08) 2px, transparent 4px),
radial-gradient(circle at 20% 85%, var(--ygy-rose-pink) 2px, transparent 3px),
radial-gradient(circle at 40% 75%, var(--ygy-vein-blue) 2px, transparent 3px),
radial-gradient(circle at 65% 90%, var(--ygy-accent-purple) 1px, transparent 2px);
opacity: 0.2;
pointer-events: none;
z-index: 0;
}
.chat-main-container {
position: relative !important;
}
.chat-main-container::after {
content: "";
position: fixed;
bottom: 0;
right: 0;
width: 160px;
height: 160px;
background: radial-gradient(circle at 80% 85%, rgba(232, 223, 235, 0.12) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
/* ========================================
主容器 · 青梅竹马的玻璃记忆盒
======================================== */
.status-content {
position: relative !important;
background: linear-gradient(170deg,
rgba(253, 252, 251, 0.88) 0%,
rgba(245, 242, 239, 0.93) 50%,
rgba(253, 252, 251, 0.88) 100%) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 2px solid transparent !important;
border-image: var(--ygy-border-glow) !important;
border-image-slice: 1 !important;
border-radius: 32px 14px 32px 14px !important;
box-shadow:
0 0 0 1px rgba(232, 223, 235, 0.4),
0 0 0 5px rgba(216, 226, 232, 0.15),
0 10px 30px rgba(58, 48, 54, 0.1),
inset 0 0 55px rgba(232, 223, 235, 0.18) !important;
padding: 22px 26px !important;
margin: 18px 10px !important;
color: var(--ygy-text-dark) !important;
}
/* 内层柔光纹理 */
.status-content::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image:
repeating-linear-gradient(45deg, rgba(232, 223, 235, 0.04) 0px, rgba(232, 223, 235, 0.04) 2px, transparent 2px, transparent 12px),
radial-gradient(circle at 15% 30%, rgba(240, 213, 216, 0.15) 0%, transparent 45%),
radial-gradient(circle at 80% 70%, rgba(216, 226, 232, 0.1) 0%, transparent 45%);
pointer-events: none;
border-radius: inherit;
z-index: 0;
}
/* 角落 · 小瓶装饰 */
.status-content::after {
content: "🫧";
position: absolute;
top: -10px;
right: -10px;
font-size: 40px;
opacity: 0.12;
transform: rotate(20deg);
filter: drop-shadow(0 0 6px var(--ygy-accent-purple));
pointer-events: none;
z-index: 1;
}
.status-content > * {
position: relative;
z-index: 2;
}
.status-content p:not([class]),
.status-content li:not([class]),
.status-content span:not([class*="text-"]) {
color: var(--ygy-text-dark) !important;
}
/* ========================================
对话气泡 · AI侧 · 月光信笺
======================================== */
.group .bg-gray-100\/90 {
background: linear-gradient(150deg, #F7F4F2 0%, #F0EBE8 50%, #F4F1EE 100%) !important;
border: 2px solid transparent !important;
border-image: linear-gradient(145deg,
var(--ygy-vein-blue) 0%,
var(--ygy-petal-purple) 30%,
var(--ygy-rose-pink) 70%,
var(--ygy-vein-blue) 100%) !important;
border-image-slice: 1 !important;
border-radius: 26px 10px 26px 10px !important;
box-shadow:
0 4px 0 0 rgba(184, 165, 197, 0.2),
0 8px 22px rgba(58, 48, 54, 0.08),
inset 0 0 32px rgba(232, 223, 235, 0.18),
inset 0 1px 0 0 rgba(255, 255, 255, 0.7) !important;
color: var(--ygy-text-dark) !important;
padding: 16px 18px !important;
margin: 8px 4px !important;
font-size: 15px !important;
line-height: 1.6 !important;
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
transition: all 0.25s ease !important;
}
/* 左上角 · 玻璃珠 */
.group .bg-gray-100\/90::before {
content: "🫧" !important;
position: absolute !important;
left: -18px !important;
top: -18px !important;
font-size: 85px !important;
line-height: 1 !important;
opacity: 0.1 !important;
transform: rotate(-12deg) !important;
pointer-events: none !important;
z-index: 0 !important;
filter: drop-shadow(0 0 10px var(--ygy-accent-purple)) !important;
}
/* 右上角 · 蝴蝶 */
.group .bg-gray-100\/90::after {
content: "🦋" !important;
position: absolute !important;
right: -22px !important;
top: -22px !important;
font-size: 95px !important;
line-height: 1 !important;
opacity: 0.09 !important;
transform: rotate(18deg) !important;
pointer-events: none !important;
z-index: 0 !important;
filter: drop-shadow(0 0 8px var(--ygy-rose-pink)) !important;
}
.group .bg-gray-100\/90 > * {
position: relative !important;
z-index: 2 !important;
}
.group .bg-gray-100\/90:hover {
box-shadow:
0 4px 0 0 rgba(184, 165, 197, 0.25),
0 12px 28px rgba(58, 48, 54, 0.1),
inset 0 0 45px rgba(232, 223, 235, 0.25),
inset 0 1px 0 0 rgba(255,255,255,0.8),
0 0 25px rgba(184, 165, 197, 0.2) !important;
transform: translateY(-2px);
}
.group .bg-gray-100\/90:hover::before {
opacity: 0.14 !important;
transform: rotate(-8deg) scale(1.05) !important;
}
.group .bg-gray-100\/90:hover::after {
opacity: 0.12 !important;
transform: rotate(22deg) scale(1.05) !important;
}
/* 用户气泡 */
.group .bg-blue-500 {
background: linear-gradient(150deg, #FEF5F7 0%, #FBE8EC 100%) !important;
border: 1.5px solid var(--ygy-rose-pink) !important;
border-radius: 10px 26px 10px 26px !important;
box-shadow: 0 3px 0 0 rgba(240, 213, 216, 0.3), 0 6px 16px rgba(58,48,54,0.06) !important;
color: var(--ygy-text-dark) !important;
}
/* ========================================
按钮 · 化妆刷与珍珠
======================================== */
.flex.items-center.gap-2.pb-2 > button {
background: linear-gradient(170deg, #F7F4F2 0%, #EDE8E5 50%, #F7F4F2 100%) !important;
color: var(--ygy-deep-brown) !important;
border: 2px solid transparent !important;
border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-rose-pink) 50%, var(--ygy-accent-purple) 100%) !important;
border-image-slice: 1 !important;
border-radius: 22px 8px 22px 8px !important;
box-shadow: 0 3px 0 0 rgba(184,165,197,0.2), 0 5px 14px rgba(58,48,54,0.06), inset 0 1px 2px rgba(255,255,255,0.7) !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0.4px !important;
padding: 8px 18px !important;
margin: 0 3px !important;
transition: all 0.2s cubic-bezier(0.2,0.9,0.4,1) !important;
position: relative !important;
font-size: 13px !important;
}
.flex.items-center.gap-2.pb-2 > button::before {
content: "🫧";
position: absolute; left: 6px; top: 4px;
font-size: 10px; opacity: 0.45;
}
.flex.items-center.gap-2.pb-2 > button::after {
content: "🫧";
position: absolute; right: 6px; bottom: 4px;
font-size: 10px; opacity: 0.45; transform: scaleX(-1);
}
.flex.items-center.gap-2.pb-2 > button:hover {
background: linear-gradient(170deg, #FDFCFB 0%, #F7F4F2 50%, #FDFCFB 100%) !important;
color: #3A3036 !important;
transform: translate(1px,2px) !important;
box-shadow: 0 1px 0 0 rgba(184,165,197,0.15), 0 6px 16px rgba(184,165,197,0.2), inset 0 1px 4px rgba(255,255,255,0.8), 0 0 18px rgba(184,165,197,0.2) !important;
}
.flex.items-center.gap-2.pb-2 > button:active {
transform: translate(3px,3px) !important;
box-shadow: 0 0 0 0 rgba(184,165,197,0.15), inset 0 2px 8px rgba(58,48,54,0.08) !important;
}
button[type="submit"]::before,
.send-button::before { content: "🦋" !important; }
button[type="submit"]::after,
.send-button::after { content: "🦋" !important; transform: scaleX(-1) !important; }
/* MUI按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
background: linear-gradient(170deg, #F7F4F2 0%, #EDE8E5 40%, #F2EEEA 100%) !important;
color: var(--ygy-deep-brown) !important;
border: 2px solid transparent !important;
border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-vein-blue) 50%, var(--ygy-accent-purple) 100%) !important;
border-image-slice: 1 !important;
border-radius: 20px 8px 20px 8px !important;
box-shadow: 0 3px 0 0 rgba(184,165,197,0.18), 0 5px 16px rgba(58,48,54,0.06), inset 0 1px 3px rgba(255,255,255,0.7) !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
padding: 8px 18px !important;
margin: 0 3px !important;
transition: all 0.2s cubic-bezier(0.2,0.9,0.4,1) !important;
font-size: 14px !important;
font-family: 'Noto Sans KR', 'Noto Sans SC', sans-serif !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
background: linear-gradient(170deg, #FDFCFB 0%, #F7F4F2 50%, #FDFCFB 100%) !important;
color: #3A3036 !important;
transform: translate(1px,2px) !important;
box-shadow: 0 1px 0 0 rgba(184,165,197,0.15), 0 6px 20px rgba(184,165,197,0.22), inset 0 1px 6px rgba(255,255,255,0.8), 0 0 20px rgba(184,165,197,0.2) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:active {
transform: translate(3px,3px) !important;
box-shadow: 0 0 0 0, inset 0 2px 10px rgba(58,48,54,0.06) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:disabled {
opacity: 0.5; background: #EDE8E5 !important; color: #A0A0A0 !important;
}
/* ========================================
输入栏 · 玻璃瓶中信
======================================== */
#ai-chat-input {
background: linear-gradient(150deg, #FDFCFB 0%, #F5F2EF 50%, #FDFCFB 100%) !important;
border: 2px solid transparent !important;
border-image: linear-gradient(135deg, var(--ygy-vein-blue) 0%, var(--ygy-accent-purple) 50%, var(--ygy-vein-blue) 100%) !important;
border-image-slice: 1 !important;
border-radius: 22px 1
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "zen2qke1nzgevebw94asnwum.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "dragonfruit_gemini_cli/gemini-3.1-pro-preview"
},
"cover": "amuff2pb8j1itca1vsprfmtw.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。