公开统计
1,166热度分
260消息量
15,215世界书字符
14,398固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: l408ios4k5hr1jqhfqj7vhpu.webpbackground: n3pc6deczju6qya791ewljms.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 35,393 字符;仅作为文本显示,不会在本站执行。
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=LXGW+WenKai+TC&family=ZCOOL+XiaoWei&family=Playfair+Display:wght@400;600;700&family=Rationale&display=swap');
/* =========================================================
青春恋爱 · 沈栖月 CSS【通用版】
Universal Sweet Romance UI
适配目标:
- 普通 Markdown 页面
- AI聊天/角色卡网站
- 酒馆类界面
- details / summary 状态栏
- romance-status 状态栏外壳
- sqy-outfit 服装立绘 / sqy-emoji Q版表情
改动说明:
- 不再强依赖单一网站的顶栏和底部结构
- 保留原站点 ID 作为兼容项
- 增加通用容器:.markdown-body / .prose / .message-content / .mes_text 等
- 手机端压缩拍立得、气泡和状态栏,避免撑爆页面
- 裸露类名已安全禁用,不保留裸露图片外链
========================================================= */
/* ==================== 0. 主题变量 ==================== */
:root {
--love-img-01: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH5pqBxpJ5qAMVOVFiE0sOhflSSvkXwAChyIAAt1aOFQY_NoclVN3_DsE.png');
--love-img-02: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH5tqBxpNGGYizLo11bnTQbZuWAqPTgACiCIAAt1aOFQnHfaKOcg0RjsE.png');
--love-img-03: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH5xqBxpQ3zFqHOTi_lGQI0g7z6nCMAACiSIAAt1aOFSuFibJo_lTjTsE.png');
--love-img-04: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH51qBxpToLiusoIvo4v059d_J6LdzwACiiIAAt1aOFQZrOS0kqH1XTsE.png');
--love-img-05: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH55qBxpX9U3Xa7WDDnKBKP6ALUhxFwACiyIAAt1aOFQIp-Vz1LwGwzsE.png');
--love-img-06: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH59qBxpaoPR1roSxhKx_QLKmB49DAgACjCIAAt1aOFR9BLYEtha1IzsE.png');
--love-img-07: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH6BqBxpdckrEKluReKZDIOweOKhglgACjSIAAt1aOFTfCXwLyRVKyjsE.png');
--love-img-08: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH6FqBxphzY5CNMZVGa_JvwtyrXZFjgACjiIAAt1aOFRj-89LM_xRpjsE.png');
--love-img-09: url('https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEUH6JqBxpkqH4KdNBa_C7MdnYyywUvdgACjyIAAt1aOFTUh9VIYHJSJzsE.png');
--love-pink: #ff86b6;
--love-pink-deep: #ff4f86;
--love-pink-soft: #ffe4ef;
--love-blue: #8fc9ff;
--love-blue-soft: #e8f5ff;
--love-cream: #fffaf2;
--love-paper: rgba(255,255,255,0.88);
--love-ink: #4b3b46;
--love-muted: #806878;
--love-shadow: rgba(255, 134, 182, 0.28);
--love-radius-lg: 28px;
--love-radius-md: 18px;
--love-radius-sm: 12px;
--love-font-body: "LXGW WenKai TC", "ZCOOL XiaoWei", "Microsoft YaHei", "PingFang SC", serif;
--love-font-title: "Ma Shan Zheng", "LXGW WenKai TC", cursive;
}
/* ==================== 1. 通用正文容器 ==================== */
:where(
.markdown-body,
.prose,
.message-content,
.message-body,
.message,
.chat-message,
.chat-content,
.mes_text,
.mes-block,
.swipes,
.custom-html,
.custom-content,
.ai-response,
.bot-message,
.assistant-message,
.user-message,
.response-content,
.reply-content,
.text-content,
.article-content,
#customized-answer-content,
#customized-question-content,
article,
main
) {
box-sizing: border-box;
color: var(--love-ink);
font-family: var(--love-font-body);
line-height: 1.78;
letter-spacing: 0.02em;
}
/* 页面浅色青春背景。若不想影响全站,可删除 body 这一段。 */
body {
background:
radial-gradient(circle at 12% 8%, rgba(255, 160, 205, 0.30), transparent 28%),
radial-gradient(circle at 88% 10%, rgba(143, 201, 255, 0.28), transparent 30%),
linear-gradient(135deg, #fff8fb 0%, #edf8ff 46%, #fff8ed 100%) !important;
}
/* 通用背景柔光,不依赖 .chat-container */
:where(main, article, .chat-container, .message-list, .conversation, .chat-content-wrap)::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
background:
linear-gradient(rgba(255,255,255,0.70), rgba(255,255,255,0.82)),
var(--love-img-03);
background-size: cover;
background-position: center;
filter: saturate(1.05) brightness(1.03);
z-index: -3;
}
/* 可选拍立得装饰:通用,不影响点击 */
body::before,
body::after {
content: "";
position: fixed;
top: 116px;
width: 112px;
height: 150px;
background-size: cover;
background-position: center;
border: 8px solid #fff;
border-bottom-width: 24px;
border-radius: 8px;
box-shadow: 0 12px 30px rgba(255, 134, 182, 0.24), 0 0 0 1px rgba(255, 134, 182, 0.22);
z-index: 0;
pointer-events: none;
}
body::before {
left: 18px;
background-image: var(--love-img-02);
transform: rotate(-6deg);
}
body::after {
right: 18px;
background-image: var(--love-img-01);
transform: rotate(5deg);
}
/* ==================== 2. 鼠标:稳定 SVG 版 ==================== */
html,
body,
:where(.chat-container, .overflow-y-auto, .overflow-auto, [class*="overflow-auto"], [class*="overflow-y-auto"]) {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 3 L24 16 L14 18 L11 28 L5 3 Z' fill='%23ff86b6' stroke='white' stroke-width='2'/%3E%3Cpath d='M23 4 C21 1 16 2 16 7 C16 2 11 1 9 4 C6 8 11 13 16 17 C21 13 26 8 23 4Z' fill='%23ff4f86' stroke='white' stroke-width='1'/%3E%3C/svg%3E") 4 4, auto !important;
}
:where(button, a[href], [role="button"], summary, label, .cursor-pointer, [class*="cursor-pointer"]) {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M10 15 V7 C10 5.7 11 5 12 5 C13 5 14 5.8 14 7 V14 V5 C14 3.7 15 3 16 3 C17.2 3 18 3.9 18 5 V14 V7 C18 5.8 19 5 20 5 C21.1 5 22 5.9 22 7 V16 L24 14 C25 13 27 13.8 27 15.5 C27 16.2 26.8 16.8 26.3 17.4 L21 25 C20.1 26.2 18.7 27 17.2 27 H13.6 C11.6 27 9.9 25.8 9.1 24 L6.2 17.2 C5.5 15.7 6.4 14.3 8 14.3 C8.8 14.3 9.5 14.6 10 15Z' fill='%238fc9ff' stroke='white' stroke-width='2'/%3E%3Cpath d='M23 4 C21.8 2.2 19 2.8 19 5.2 C19 2.8 16.2 2.2 15 4 C13 7 16.4 9.6 19 11.5 C21.6 9.6 25 7 23 4Z' fill='%23ff86b6'/%3E%3C/svg%3E") 8 4, pointer !important;
}
:where(input, textarea, [contenteditable="true"], #ai-chat-input) {
cursor: text !important;
}
/* ==================== 3. 通用聊天气泡 ==================== */
/* AI / 输出气泡:粉色信纸 */
:where(
#customized-answer-content,
.assistant-message,
.bot-message,
.ai-response,
.message.assistant,
.chat-message.assistant
) {
position: relative;
overflow: visible;
margin: 16px 0;
padding: 30px 34px;
border: 2px solid rgba(255,134,182,0.72);
outline: 1px dashed rgba(143,201,255,0.50);
outline-offset: -9px;
border-radius: 26px 26px 26px 10px;
background-image:
linear-gradient(135deg, rgba(255,255,255,0.84), rgba(255,232,243,0.80)),
var(--love-img-05);
background-size: cover;
background-position: center;
box-shadow: 0 14px 34px rgba(255,134,182,0.22), inset 0 0 24px rgba(255,255,255,0.82);
backdrop-filter: blur(4px);
}
:where(#customized-answer-content, .assistant-message, .bot-message, .ai-response)::before {
content: "校花的粉色信纸";
position: absolute;
top: -16px;
left: 28px;
padding: 5px 16px;
border-radius: 999px;
background: linear-gradient(90deg, #ff86b6, #8fc9ff);
color: #fff;
font-size: 14px;
font-weight: 900;
letter-spacing: 2px;
font-family: var(--love-font-body);
box-shadow: 0 6px 16px rgba(255,134,182,0.35);
z-index: 4;
}
:where(#customized-answer-content, .assistant-message, .bot-message, .ai-response)::after {
content: "♡";
position: absolute;
right: 20px;
bottom: 12px;
color: rgba(255,79,134,0.34);
font-size: 42px;
font-family: "Playfair Display", serif;
transform: rotate(-12deg);
pointer-events: none;
}
/* 用户 / 输入气泡:拍立得 */
:where(
#customized-question-content,
.user-message,
.message.user,
.chat-message.user
) {
position: relative;
width: 100%;
max-width: 850px;
min-width: 0;
height: auto;
margin: 18px 0;
padding: 28px 30px 42px;
border: 8px solid #fff;
border-bottom-width: 30px;
border-radius: 8px;
background-image:
linear-gradient(135deg, rgba(255,255,255,0.78), rgba(255,250,243,0.86)),
var(--love-img-01);
background-size: cover;
background-position: center;
box-shadow: 0 16px 34px rgba(255,134,182,0.20), 0 0 0 1px rgba(255,134,182,0.30);
transform: rotate(-0.35deg);
overflow: visible;
}
:where(#customized-question-content, .user-message, .message.user)::before {
content: "男主的心动拍立得";
position: absolute;
left: 24px;
bottom: -26px;
color: var(--love-pink-deep);
font-size: 15px;
font-family: var(--love-font-title);
letter-spacing: 2px;
}
/* 气泡内部文字 */
:where(
#customized-answer-content,
#customized-question-content,
.assistant-message,
.bot-message,
.ai-response,
.user-message,
.message-content,
.mes_text,
.markdown-body,
.prose
) :where(p, li, span, div) {
color: var(--love-ink);
font-family: var(--love-font-body);
}
:where(
#customized-answer-content,
#customized-question-content,
.assistant-message,
.bot-message,
.ai-response,
.user-message,
.markdown-body,
.prose
) strong {
color: var(--love-pink-deep);
font-weight: 900;
}
:where(
#customized-answer-content,
#customized-question-content,
.assistant-message,
.bot-message,
.ai-response,
.user-message,
.markdown-body,
.prose
) em {
color: #6d9ed1;
font-style: normal;
font-weight: 800;
}
/* ==================== 4. 输入框 / 按钮通用美化 ==================== */
:where(#ai-chat-input, textarea, input[type="text"], input[type="search"], input:not([type]), [contenteditable="true"]) {
border: 2px dashed rgba(255, 134, 182, 0.72) !important;
border-radius: var(--love-radius-md) !important;
background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,228,239,0.84)) !important;
color: var(--love-ink) !important;
font-family: var(--love-font-body) !important;
box-shadow: inset 0 2px 10px rgba(255,255,255,0.9), 0 5px 18px rgba(255,134,182,0.16) !important;
outline: none !important;
}
:where(#ai-chat-input, textarea, input[type="text"], input[type="search"], input:not([type]), [contenteditable="true"])::placeholder {
color: rgba(255, 79, 134, 0.62) !important;
}
:where(#ai-chat-input, textarea, input[type="text"], input[type="search"], input:not([type]), [contenteditable="true"]):focus {
border-color: var(--love-pink-deep) !important;
box-shadow: inset 0 2px 10px rgba(255,255,255,0.9), 0 0 18px rgba(255, 134, 182, 0.42) !important;
}
:where(button, input[type="button"], input[type="submit"], [role="button"], #ai-send-button, #ai-mod-button2 button) {
border-radius: 999px !important;
border: 1px solid rgba(255,255,255,0.86) !important;
background: linear-gradient(135deg, rgba(255,255,255,0.84), rgba(255,228,239,0.88)) !important;
color: var(--love-pink-deep) !important;
font-family: var(--love-font-body) !important;
font-weight: 900 !important;
box-shadow: 0 8px 18px rgba(255,134,182,0.20), inset 0 0 12px rgba(255,255,255,0.75) !important;
transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}
:where(button, input[type="button"], input[type="submit"], [role="button"], #ai-send-button, #ai-mod-button2 button):hover {
transform: translateY(-2px);
filter: brightness(1.04);
box-shadow: 0 12px 24px rgba(255,134,182,0.30), 0 0 16px rgba(143,201,255,0.25) !important;
}
/* ==================== 5. Markdown 小元素 ==================== */
:where(.markdown-body, .prose, .message-content, .mes_text, article, main) :where(h1, h2, h3, h4) {
color: var(--love-pink-deep);
font-family: var(--love-font-title);
letter-spacing: 0.08em;
text-shadow: 0 2px 10px rgba(255,255,255,0.95);
}
:where(.markdown-body, .prose, .message-content, .mes_text, article, main) hr {
height: 1px;
border: none;
margin: 18px 0;
background: linear-gradient(90deg, transparent, rgba(255, 150,
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "a6rgqoo29bkrnjc6yd1eqmac.html",
"options": {
"items": []
},
"defaultModelSettings": {
"model": "mango_gemini_vertex/gemini-3-flash-preview"
},
"cover": "l408ios4k5hr1jqhfqj7vhpu.webp",
"background": "n3pc6deczju6qya791ewljms.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。