公开统计
901热度分
182消息量
7,374世界书字符
6,016固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: odveg89ycaekbrb42rl1hwy1.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 40,013 字符;仅作为文本显示,不会在本站执行。
/* ========================================
爱的公寓·1602室·主题CSS
风格:都市·温馨·宅趣·甜蜜
配色:奶咖、暖橘、薄荷、奶油白
适配:手机端 + 电脑端
故事背景:某一线城市高层住宅,苏曼妮与User的同居小窝
======================================== */
/* 导入休闲风格字体 */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
:root {
/* 爱的公寓主题色 */
--milk-tea: #D4C4B7; /* 奶咖 */
--warm-orange: #F5A88C; /* 暖橘 */
--mint-fresh: #A8D8C9; /* 薄荷 */
--cream-white: #FDF8F3; /* 奶油白 */
--cozy-brown: #8B6F5E; /* 可可棕 */
--sunset-glow: #E8816E; /* 夕阳橘 */
--soft-pink: #F4C4C4; /* 软粉 */
--shadow-gray: #6E7A7A; /* 阴影灰 */
--apartment-glass: rgba(253, 248, 243, 0.75); /* 公寓玻璃 */
/* 边框渐变 */
--border-cozy: linear-gradient(135deg,
var(--mint-fresh) 0%,
var(--warm-orange) 25%,
var(--milk-tea) 50%,
var(--soft-pink) 75%,
var(--mint-fresh) 100%);
--border-warm: linear-gradient(145deg,
var(--milk-tea) 0%,
var(--sunset-glow) 30%,
var(--warm-orange) 50%,
var(--soft-pink) 70%,
var(--milk-tea) 100%);
}
/* 全局字体与基础 */
body,
.chat-container,
.status-content,
.message-bubble {
font-family: 'Quicksand', 'Noto Sans SC', 'Helvetica Neue', sans-serif !important;
}
body {
position: relative;
min-height: 100vh;
background: #F5EDE6 !important;
}
/* ========================================
背景装饰 - 同居日常元素
======================================== */
/* 左上角 - 阳光与窗纱 */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 220px;
height: 220px;
background:
radial-gradient(circle at 20% 20%, rgba(253, 248, 243, 0.4) 0%, transparent 60%),
radial-gradient(circle at 30% 25%, rgba(245, 168, 140, 0.12) 0%, transparent 50%),
repeating-linear-gradient(135deg, transparent 0px, transparent 20px, rgba(168, 216, 201, 0.04) 20px, rgba(168, 216, 201, 0.04) 22px);
border-radius: 0 0 60% 0;
pointer-events: none;
z-index: 0;
}
/* 右下角 - 猫猫与毛线球 */
body::after {
content: "🐱";
position: fixed;
bottom: 15px;
right: 15px;
font-size: 45px;
opacity: 0.12;
transform: rotate(5deg);
filter: drop-shadow(0 0 8px #F5A88C);
pointer-events: none;
z-index: 0;
}
/* 右上角 - 小星星 */
.chat-container {
position: relative;
}
.chat-container::before {
content: "✨ ✨ ✨";
position: absolute;
top: -5px;
right: 25px;
font-size: 20px;
opacity: 0.1;
letter-spacing: 12px;
color: var(--warm-orange);
pointer-events: none;
z-index: 1;
}
/* 左下角 - 咖啡渍纹理 */
#chat-content {
position: relative;
}
#chat-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 100px;
background:
radial-gradient(circle at 15% 85%, var(--cozy-brown) 2px, transparent 3px),
radial-gradient(circle at 35% 75%, var(--milk-tea) 3px, transparent 4px),
radial-gradient(circle at 55% 90%, var(--cozy-brown) 2px, transparent 3px),
radial-gradient(circle at 75% 65%, var(--shadow-gray) 1px, transparent 2px),
radial-gradient(circle at 85% 80%, var(--milk-tea) 2px, transparent 3px);
opacity: 0.1;
pointer-events: none;
z-index: 0;
}
.chat-main-container {
position: relative !important;
}
.chat-main-container::after {
content: "";
position: fixed;
bottom: 0;
right: 0;
width: 150px;
height: 150px;
background: radial-gradient(circle at 80% 80%, rgba(245, 168, 140, 0.06) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
/* ========================================
主容器 - 公寓窗户玻璃风格
======================================== */
.status-content {
position: relative !important;
background: linear-gradient(165deg,
rgba(253, 248, 243, 0.92) 0%,
rgba(255, 252, 248, 0.95) 50%,
rgba(253, 248, 243, 0.92) 100%) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
border: 3px solid transparent !important;
border-image: var(--border-cozy) !important;
border-image-slice: 1 !important;
border-radius: 30px 12px 30px 12px !important;
box-shadow:
0 0 0 1px var(--milk-tea),
0 0 0 4px rgba(168, 216, 201, 0.12),
0 10px 30px rgba(0, 0, 0, 0.1),
inset 0 0 50px rgba(245, 168, 140, 0.1) !important;
padding: 22px 26px !important;
margin: 18px 10px !important;
color: var(--cozy-brown) !important;
}
.status-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
repeating-linear-gradient(45deg, rgba(212, 196, 183, 0.03) 0px, rgba(212, 196, 183, 0.03) 2px, transparent 2px, transparent 10px),
radial-gradient(circle at 15% 25%, rgba(244, 196, 196, 0.08) 0%, transparent 40%),
radial-gradient(circle at 85% 75%, rgba(168, 216, 201, 0.06) 0%, transparent 50%);
pointer-events: none;
border-radius: inherit;
z-index: 0;
}
.status-content::after {
content: "🏠";
position: absolute;
top: -10px;
right: -10px;
font-size: 45px;
opacity: 0.1;
transform: rotate(15deg);
filter: drop-shadow(0 0 6px var(--warm-orange));
pointer-events: none;
z-index: 1;
}
.status-content > * {
position: relative;
z-index: 2;
}
.status-content p:not([class="text-"]),
.status-content li:not([class="text-"]),
.status-content span:not([class*="text-"]) {
color: var(--cozy-brown) !important;
}
/* ========================================
对话气泡 - AI侧(毛绒抱枕风格)
======================================== */
.group .bg-gray-100\/90 {
background: linear-gradient(145deg, #F5F0EA 0%, #EDE5DC 50%, #F0EAE2 100%) !important;
border: 2px solid transparent !important;
border-image: var(--border-warm) !important;
border-image-slice: 1 !important;
border-radius: 24px 8px 24px 8px !important;
box-shadow: 0 4px 0 0 rgba(110, 122, 122, 0.12), 0 8px 20px rgba(0, 0, 0, 0.08), inset 0 0 30px rgba(244, 196, 196, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.6) !important;
color: var(--cozy-brown) !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: -15px !important;
top: -15px !important;
font-size: 70px !important;
line-height: 1 !important;
opacity: 0.08 !important;
transform: rotate(-15deg) !important;
pointer-events: none !important;
z-index: 0 !important;
filter: drop-shadow(0 0 8px rgba(245, 168, 140, 0.3)) !important;
}
/* 右上角 - 小星星 */
.group .bg-gray-100\/90::after {
content: "⭐" !important;
position: absolute !important;
right: -20px !important;
top: -20px !important;
font-size: 80px !important;
line-height: 1 !important;
opacity: 0.06 !important;
transform: rotate(20deg) !important;
pointer-events: none !important;
z-index: 0 !important;
filter: drop-shadow(0 0 6px rgba(244, 196, 196, 0.4)) !important;
color: var(--soft-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(110, 122, 122, 0.15), 0 12px 25px rgba(0, 0, 0, 0.1), inset 0 0 40px rgba(245, 168, 140, 0.15), inset 0 1px 0 0 rgba(255, 255, 255, 0.7), 0 0 20px rgba(168, 216, 201, 0.15) !important;
transform: translateY(-2px);
}
.group .bg-gray-100\/90:hover::before {
opacity: 0.12 !important;
transform: rotate(-10deg) scale(1.05) !important;
transition: all 0.3s ease !important;
}
.group .bg-gray-100\/90:hover::after {
opacity: 0.1 !important;
transform: rotate(25deg) scale(1.05) !important;
transition: all 0.3s ease !important;
}
/* 用户侧气泡 - 暖阳色调 */
.group .bg-blue-500 {
background: linear-gradient(145deg, #FDE8E0 0%, #FAD4C4 100%) !important;
border: 1.5px solid var(--warm-orange) !important;
border-radius: 8px 24px 8px 24px !important;
box-shadow: 0 3px 0 0 rgba(232, 129, 110, 0.15), 0 6px 15px rgba(0, 0, 0, 0.06) !important;
color: var(--cozy-brown) !important;
}
/* ========================================
按钮美化 - 马克杯与糖果
======================================== */
.flex.items-center.gap-2.pb-2 > button {
background: linear-gradient(165deg, #EDE5DC 0%, #E0D5C8 50%, #EDE5DC 100%) !important;
color: var(--cozy-brown) !important;
border: 2px solid transparent !important;
border-image: linear-gradient(135deg, var(--mint-fresh) 0%, var(--warm-orange) 50%, var(--mint-fresh) 100%) !important;
border-image-slice: 1 !important;
border-radius: 20px 6px 20px 6px !important;
box-shadow: 0 3px 0 0 rgba(110, 122, 122, 0.15), 0 5px 12px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.6) !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;
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.4;
}
.flex.items-center.gap-2.pb-2 > button::after {
content: "🍬";
position: absolute;
right: 6px;
bottom: 4px;
font-size: 10px;
opacity: 0.4;
transform: scaleX(-1);
}
.flex.items-center.gap-2.pb-2 > button:hover {
background: linear-gradient(165deg, #F5F0EA 0%, #EDE5DC 50%, #F5F0EA 100%) !important;
color: var(--sunset-glow) !important;
transform: translate(1px, 2px) !important;
box-shadow: 0 1px 0 0 rgba(110, 122, 122, 0.12), 0 6px 15px rgba(245, 168, 140, 0.18), inset 0 1px 4px rgba(255, 255, 255, 0.7), 0 0 15px rgba(168, 216, 201, 0.2) !important;
border-image: linear-gradient(135deg, var(--warm-orange) 0%, var(--soft-pink) 50%, var(--warm-orange) 100%) !important;
border-image-slice: 1 !important;
}
.flex.items-center.gap-2.pb-2 > button:active {
transform: translate(3px, 3px) !important;
box-shadow: 0 0 0 0 rgba(110, 122, 122, 0.15), inset 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 20px rgba(244, 196, 196, 0.25) !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(165deg, #EDE5DC 0%, #E0D5C8 40%, #E8DED4 100%) !important;
color: var(--cozy-brown) !important;
border: 2px solid transparent !important;
border-image: linear-gradient(135deg, var(--warm-orange) 0%, var(--mint-fresh) 50%, var(--warm-orange) 100%) !important;
border-image-slice: 1 !important;
border-radius: 18px 6px 18px 6px !important;
box-shadow: 0 3px 0 0 rgba(110, 122, 122, 0.12), 0 5px 15px rgba(0, 0, 0, 0.08), inset 0 1px 3px rgba(255, 255, 255, 0.5) !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;
position: relative !important;
font-size: 14px !important;
font-family: 'Quicksand', 'Noto Sans SC', sans-serif !important;
line-height: 1.4 !important;
min-width: 64px !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text::before {
content: "🍪";
position: absolute;
left: 6px;
top: 3px;
font-size: 10px;
opacity: 0.4;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text::after {
content: "";
position: absolute;
right: 6px;
bottom: 6px;
width: 12px;
height: 12px;
background: linear-gradient(135deg, transparent 40%, var(--warm-orange) 45%, transparent 55%);
opacity: 0.2;
border-radius: 50%;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "ypdfynwcrzektm9mo4edzmny.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "grape_gemini_premium/gemini-2.5-pro",
"contextWindow": 4
},
"cover": "odveg89ycaekbrb42rl1hwy1.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。