公开统计
1,286热度分
94消息量
346世界书字符
19,672固定设定字符
CHARACTER CARD
一觉醒来,你那清冷孤傲、连续三年年级第一的学霸班长兼青梅竹马——叶星晚,因为偷偷垫付流浪动物医药费,向你借了 50,000 元整。 白纸黑字,指纹按下。日息由你说了算,还款抵扣方式同样由你决定。 当每天利息成为她无力偿还的梦魇,为了不让“欠债肉偿”的秘密在学校曝光,昔日高高在上的校园女神只能屈辱地咬紧红唇,穿着你指定的女仆装跪在你面前,祈求你的宽恕…… 「……今天的利息……用这个……可以抵扣吗?」 当然啦,为了照顾不喜欢这种类型的小宝,我特意做了两条线路 本卡内置两条线路(肉偿路线和纯爱路线) 欢迎游玩哦喵~(要是有不知道cg关键词的欢迎询问哦~)
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: fectt55jx5k6t6exvdi0zuo5.webpbackground: skbnf6xpn5extsahr2bv8q45.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 11,670 字符;仅作为文本显示,不会在本站执行。
/* ==========================================================================
✨ 叶星晚 · 星夜赤瞳与清冷学院风 (Starry Night & Crimson Velvet Theme)
专为【叶星晚】高三班长/星光同桌/赤瞳黑发青梅竹马定制的精致 CSS
角色输出正文字体:暖雅奶茶色 (#5C4033)
加载过程:前 10 秒为“思考中”,10 秒后无缝切换为“想到了!”
========================================================================== */
/*
* --------------------------------------------------------------------------
* 模块一:全景星夜背景与沉浸学院氛围
* --------------------------------------------------------------------------
*/
body, #__next, main {
background: radial-gradient(circle at 50% 20%, #1E1B4B 0%, #0F172A 60%, #090D16 100%) !important;
color: #F8FAFC !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/*
* --------------------------------------------------------------------------
* 模块二:对话气泡美化 (AI侧: 奶茶色字体 #5C4033 / 用户侧: 深夜星芒)
* --------------------------------------------------------------------------
*/
/* AI 侧回答气泡容器 */
.group .bg-gray-100\/90,
#customized-answer-content {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 240, 235, 0.96) 100%) !important;
border: 1.5px solid rgba(244, 63, 94, 0.45) !important;
border-radius: 16px !important;
box-shadow: 0 8px 32px rgba(244, 63, 94, 0.15), inset 0 0 12px rgba(255, 255, 255, 0.9) !important;
color: #5C4033 !important;
padding: 16px 20px !important;
line-height: 1.75 !important;
}
/* AI 角色输出小说正文字体 (强制统一为暖雅奶茶色 #5C4033) */
#customized-answer-content p,
#customized-answer-content span,
#customized-answer-content div:not(.status-content):not(.status-container),
.group .bg-gray-100\/90 p,
.group .bg-gray-100\/90 span {
color: #5C4033 !important;
font-weight: 500 !important;
}
/* 玩家侧提问气泡 (星夜赤瞳渐变质感) */
#customized-question-content {
background: linear-gradient(135deg, rgba(225, 29, 72, 0.25) 0%, rgba(99, 102, 241, 0.25) 100%) !important;
border: 1.5px solid rgba(244, 63, 94, 0.6) !important;
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(225, 29, 72, 0.25) !important;
color: #FFFFFF !important;
padding: 14px 18px !important;
backdrop-filter: blur(12px) !important;
}
/* 头像框 - 赤瞳发光与月光轮廓 */
#customized-answer-avatar {
border-radius: 50% !important;
border: 2px solid #F43F5E !important;
box-shadow: 0 0 16px rgba(244, 63, 94, 0.5) !important;
}
#customized-question-avatar {
border-radius: 50% !important;
border: 2px solid #818CF8 !important;
box-shadow: 0 0 16px rgba(129, 140, 248, 0.4) !important;
}
/*
* --------------------------------------------------------------------------
* 模块三:平台按钮美化 (MOD、流式、评论、回到底部等)
* --------------------------------------------------------------------------
*/
#ai-mod-button2,
.flex.items-center.gap-2.pb-2 {
background: transparent !important;
}
/* 平台功能按钮 - 赤瞳微光胶囊 */
.flex.items-center.gap-2.pb-2 > button,
#ai-mod-button,
#customized-ai-summary-button,
#customized-flow-button,
#customized-comment-button,
#customized-scroll-to-bottom-button,
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
background: rgba(15, 23, 42, 0.85) !important;
color: #FDA4AF !important;
border: 1.5px solid rgba(244, 63, 94, 0.4) !important;
border-radius: 20px !important;
box-shadow: 0 4px 12px rgba(225, 29, 72, 0.15) !important;
font-weight: 600 !important;
text-transform: none !important;
backdrop-filter: blur(8px) !important;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
padding: 6px 16px !important;
font-size: 13px !important;
}
/* 按钮悬停效果 - 星光跃动 */
.flex.items-center.gap-2.pb-2 > button:hover,
#ai-mod-button:hover,
#customized-flow-button:hover,
#customized-comment-button:hover,
#customized-scroll-to-bottom-button:hover {
background: rgba(225, 29, 72, 0.3) !important;
color: #FFFFFF !important;
border-color: #F43F5E !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(244, 63, 94, 0.4) !important;
}
/*
* --------------------------------------------------------------------------
* 模块四:输入栏与发送按钮美化
* --------------------------------------------------------------------------
*/
/* 输入框本体 (流光银河与闪光点缀,仅改颜色) */
#ai-chat-input {
background:
radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 1) 0%, transparent 2px),
radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 1) 0%, transparent 2px),
radial-gradient(circle at 35% 85%, rgba(255, 255, 255, 0.8) 0%, transparent 1.5px),
radial-gradient(circle at 65% 15%, rgba(255, 255, 255, 0.8) 0%, transparent 1.5px),
linear-gradient(135deg, rgba(226, 232, 240, 0.75) 0%, rgba(148, 163, 184, 0.85) 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.8) !important;
color: #0F172A !important;
font-weight: 500 !important;
box-shadow:
inset 0 2px 12px rgba(255, 255, 255, 0.9),
0 4px 16px rgba(148, 163, 184, 0.3) !important;
backdrop-filter: blur(12px) !important;
transition: all 0.3s ease !important;
}
#ai-chat-input::placeholder {
color: rgba(15, 23, 42, 0.5) !important;
}
#ai-chat-input:focus {
border-color: #FFFFFF !important;
background:
radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 1) 0%, transparent 3px),
radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 1) 0%, transparent 3px),
radial-gradient(circle at 35% 85%, rgba(255, 255, 255, 0.9) 0%, transparent 2px),
radial-gradient(circle at 65% 15%, rgba(255, 255, 255, 0.9) 0%, transparent 2px),
linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(203, 213, 225, 0.9) 100%) !important;
box-shadow:
inset 0 2px 16px rgba(255, 255, 255, 1),
0 0 20px rgba(226, 232, 240, 0.6) !important;
outline: none !important;
}
/* 发送按钮 (恢复默认大小,仅换银色) */
#ai-send-button {
background: linear-gradient(135deg, #E2E8F0 0%, #94A3B8 100%) !important;
color: #0F172A !important;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 2px 8px rgba(148, 163, 184, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.8) !important;
transition: all 0.2s ease !important;
}
#ai-send-button:hover {
background: linear-gradient(135deg, #F8FAFC 0%, #CBD5E1 100%) !important;
box-shadow: 0 4px 12px rgba(148, 163, 184, 0.4), inset 0 1px 3px rgba(255, 255, 255, 0.9) !important;
}
#ai-chat-bottom-input {
background: transparent !important;
backdrop-filter: none !important;
}
/*
* --------------------------------------------------------------------------
* 模块五:折叠状态栏与包裹区域美化 (高清晰咖棕字 #3D2314)
* --------------------------------------------------------------------------
*/
.status-container,
.status-content {
background: rgba(255, 255, 255, 0.96) !important;
border: 1.5px solid rgba(193, 154, 126, 0.5) !important;
border-radius: 16px !important;
padding: 16px !important;
box-shadow: 0 8px 32px rgba(92, 58, 33, 0.15) !important;
margin-top: 12px !important;
}
details summary {
font-weight: bold !important;
cursor: pointer !important;
color: #9A2C38 !important;
padding: 6px 10px !important;
border-radius: 6px !important;
outline: none !important;
transition: background 0.2s ease !important;
}
details summary:hover {
background: rgba(193, 154, 126, 0.15) !important;
}
.status-content p,
.status-content div,
.status-content span,
details div,
details p,
details span {
color: #3D2314 !important;
font-weight: 500 !important;
padding: 3px 0 !important;
font-size: 13.5px !important;
}
/*
* --------------------------------------------------------------------------
* 模块六:加载对话过程 (Loading Conversation State)
* 前 10 秒为“思考中”,10 秒后无缝切换为“想到了!”
* --------------------------------------------------------------------------
*/
.flex.items-center.justify-center.w-6.h-5 .style_dot-flashing__8L91Q {
display: none !important;
}
.flex.items-center.justify-center.w-6.h-5 {
width: auto !important;
height: auto !important;
min-height: 125px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 10px 0 !important;
}
/* 动态立绘:前10秒显示第一张图,10秒后显示第二张图 */
.flex.items-center.justify-center.w-6.h-5::before {
content: "" !important;
display: block !important;
width: 85px !important;
height: 110px !important;
/* 默认初始背景图,防止动画卡顿 */
background-image: url('https://catai.wiki/5f87f7ab-ed6f-4336-1edb-97b259aebc00/w=3000') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
/* 两个动画同时执行:悬浮效果 (2s循环) + 背景图定时切换 (100s单次) */
animation: yexingwanFloat 1.8s ease-in-out infinite, yexingwanBgSwitch 100s forwards !important;
filter: drop-shadow(0 6px 16px rgba(244, 63, 94, 0.45)) !important;
}
/* 动态文字:前10秒显示思考中,10秒后显示想到了 */
.flex.items-center.justify-center.w-6.h-5::after {
content: "✨ 叶星晚思考中..." !important;
font-size: 13px !important;
font-weight: bold !important;
color: #FB7185 !important;
white-space: nowrap !important;
/* 两个动画同时执行:心跳呼吸效果 (1.6s循环) + 文字定时切换 (100s单次) */
animation: starryPulse 1.6s ease-in-out infinite, textSwitch 100s forwards !important;
}
/* 1. 悬浮效果 (1.8s 循环) */
@keyframes yexingwanFloat {
0%, 100% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-8px) rotate(2deg); }
}
/* 2. 背景图定时切换 (100s 单次,10% 即为 10 秒处) */
@keyframes yexingwanBgSwitch {
0%, 9.9% {
background-image: url('https://catai.wiki/5f87f7ab-ed6f-4336-1edb-97b259aebc00/w=3000') !important;
}
10%, 100% {
background-image: url('https://catai.wiki/4a044a8a-1e16-48ef-0426-94cbea600600/w=3000') !important;
}
}
/* 3. 文字心跳呼吸效果 (1.6s 循环) */
@keyframes starryPulse {
0%, 100% { opacity: 0.5; transform: scale(0.97); }
50% { opacity: 1; transform: scale(1.03); text-shadow: 0 0 8px rgba(244, 63, 94, 0.8); }
}
/* 4. 文字定时切换 (100s 单次,10% 即为 10 秒处) */
@keyframes textSwitch {
0%, 9.9% {
content: "✨ 叶星晚思考中..." !important;
color: #FB7185 !important;
}
10%, 100% {
content: "💡 班长想到了!即将回复..." !important;
color: #F43F5E !important;
}
}
/*
* --------------------------------------------------------------------------
* 模块七:输入输出积分与模型信息美化
* --------------------------------------------------------------------------
*/
.MuiStack-root.text-purple-500.mt-1.css-1kz283j,
#customized-prompt-log-button {
background: rgba(15, 23, 42, 0.85) !important;
border: 1px solid rgba(244, 63, 94, 0.3) !important;
border-radius: 20px !important;
padding: 4px 14px !important;
color: #FDA4AF !important;
font-size: 12px !important;
}
.MuiStack-root.text-purple-500.mt-1.css-1kz283j p {
color: #FDA4AF !important;
}
/*
* --------------------------------------------------------------------------
* 模块八:顶部导航栏、模型选择与开场白美化
* --------------------------------------------------------------------------
*/
#ai-model-selector,
#customized-model-selector,
#customized-opening-statement-selector,
.inline-block[data-state="closed"] .flex.items-center.h-9 {
background: rgba(15, 23, 42, 0.85) !important;
border: 1.5px solid rgba(244, 63, 94, 0.35) !important;
border-radius: 10px !important;
color: #F8FAFC !important;
}
#header-setting-button,
#lang-button {
border-radius: 50% !important;
background: rgba(244, 63, 94, 0.15) !important;
color: #FB7185 !important;
}
{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "pio90lxnlhg5now9p3xqr9w9.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "fectt55jx5k6t6exvdi0zuo5.webp",
"background": "skbnf6xpn5extsahr2bv8q45.webp"
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。